webpack 打包
打包css文件
webpack打包css文件需要使用loader(用webpack不认识的模块源代码进行转换)
d:webpack est>webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader'
每次打包都需要使用这个太繁琐，所以可以添加watch动态监听：
d:webpack est>webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' --watch
重新定义配置文件
webpack --config webpack.config.dev.js
在package中使用命令行
{
"name": "demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1",
"webpack":"webpack --config webpack.config.js --progress --dispaly-modules --colors"//命令行内容
},
"author": "",
"license": "ISC",
"devDependencies": {},
"dependencies": {
"webpack": "^3.1.0"
}
}
使用配置文件：
在 webpack.config.json 中配置好入口文件与出口文件后直接 在命令行当前文件夹执行 webpack 命令即可打包。