webpack 打包

打包css文件

webpack打包css文件需要使用loader(用webpack不认识的模块源代码进行转换)

d:\webpack\test>webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader'

　每次打包都需要使用这个太繁琐，所以可以添加watch动态监听：

d:\webpack\test>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 命令即可打包。