webpack学习三

我们不想运行webpack命令时都在后面输入一大堆参数,尤其是很大工程的时候,那么可以把所有的参数都放在配置文件中,配置文件的一个好处是可以方便以后的自动化部署

配置文件

  1. 在工程下面新建一个文件webpack.config.js `module.exports = {
    entry:"./entry.js", 
    output:{
    path:_dirname,
    filename:"bundle.js"
    },module{
       loaders:[
       {test:/\.css$/, loader:"style!css"}]}
    
    };
    `
  2. 运行 webpack
  3. 浏览器打开indexl.html ok

其它命令参数

  1. 显示进度条和颜色 webpack --progress --colers
  2. 文件变动时自己编译webpack --progress -- colers --watch

    开发服务器

  3. 安装 npm install webpack-dev-server -g
  4. 运行webpack -dev-server --progress --colors
  5. 运行 http://localhost:8080/webpack-dev-server/bundle