随笔分类 -  webpack

摘要:1.在终端安装 cnpm i webpack-dev-server --save-dev 2.配置好后执行 webpack-dev-server,这时候会报错 出现错误,只需要在pagejson里配置下scripts就可以了 3.下载好后,需要配置下devServer host是你自己的ip地址,p 阅读全文
posted @ 2017-11-30 16:15 盒子豪 阅读(2984) 评论(0) 推荐(0)
摘要:1.在根目录新建一个webpack.config.js文件,然后开始配置: entry:配置入口文件的地址,可以是单一入口,也可以是多入口。 output:配置出口文件的地址,在webpack2.X版本后,支持多出口配置。 module:配置模块,主要是解析CSS和图片转换压缩等功能。 plugin 阅读全文
posted @ 2017-11-30 11:16 盒子豪 阅读(15213) 评论(0) 推荐(1)
摘要:1.进入根目录,建两个文件夹,分别为src和dist 1).src文件夹:用来存放我们编写的javascript代码,可以简单的理解为用JavaScript编写的模块。 2).dist文件夹:用来存放供浏览器读取的文件,这个是webpack打包成的文件。 2.在dist下建立一个index.html 阅读全文
posted @ 2017-11-29 18:03 盒子豪 阅读(4373) 评论(0) 推荐(0)
摘要:1.window+R键,输入cmd打开命令行工具,输入 mkdir XXXX(XX:文件夹名); 2.cd XXX 进入刚刚创建好的文件夹里,输入cnpm install -g webpack (安装了淘宝镜像的小伙伴可以直接使用cnpm,没有安装的使用npm)cnpm和npm的区别这里就不多说了, 阅读全文
posted @ 2017-11-29 17:45 盒子豪 阅读(15553) 评论(0) 推荐(1)