github:http://webpack.github.io/
将一切打包(将css也打包到js中)
全局安装:
$ npm i webpack -g
打包:
webpack [a] [b]
热替换:仅是改变内存中的内容(webpack做的优化,提高效率),因此要得到最终的包,需要手动webpack下
node中获取当前文件物理路径:__dirname
npm i webpack-dev-server -g
可能出现的错误:
错误一:
1、若是cnpm安装的uglify,换成npm安装
2、若是es6或更高版本的编译,安装babel-preset-env,并配置
3、我的app.js中有这样的代码,
let img = new Image();
img.src = abc;
注释掉就可以了
错误二:无法切换编译环境?以下是修改后的package.json配置
"scripts": {
"dev": "set NODE_ENV=dev&&webpack&&webpack-dev-server",
"build": "set NODE_ENV=prod&&webpack",
"macdev": "export NODE_ENV=dev && webpack && webpack-dev-server",
"macbuild": "export NODE_ENV=prod&&webpack"
},
因为在windows环境下set NODE_ENV=dev 设置环境变量,dev后不能像mac系统上带空格来分割