码迷,mamicode.com
首页 > Web开发 > 详细

webpack 使用配置文件

时间:2017-09-21 13:20:26      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:.config   main   文件   pre   ref   global   try   bundle   web   

webpack入门     大多数项目会需要很复杂的设置,这就是为什么webpack要支持配置文件。这比在终端中输入大量命令要高效的多,所以让我们常见一个取代CLI选项方式的配置文件

新建 webpack.config.js 

const path = require(‘path‘);

module.exports = {
  entry: ‘./src/index.js‘,//设置入口文件
  output: {
    filename: ‘bundle.js‘,//生成的输出文件名称
    path: path.resolve(__dirname, ‘dist‘)//输出文件的路径
  }
};

构建配置文件:

./node_modules/.bin/webpack --config webpack.config.js

运行结果:

 

Hash: ff6c1d39b26f89b3b7bb
Version: webpack 2.2.0
Time: 390ms
    Asset    Size  Chunks                    Chunk Names
bundle.js  544 kB       0  [emitted]  [big]  main
   [0] ./~/lodash/lodash.js 540 kB {0} [built]
   [1] (webpack)/buildin/global.js 509 bytes {0} [built]
   [2] (webpack)/buildin/module.js 517 bytes {0} [built]
   [3] ./src/index.js 278 bytes {0} [built]

 

tip:如果 webpack.config.js 存在,则 webpack 命令将默认选择使用它。我们在这里使用 --config 选项只是向你表明,可以传递任何名称的配置文件。这对于需要拆分成多个文件的复杂配置非常有用。

 

webpack 使用配置文件

标签:.config   main   文件   pre   ref   global   try   bundle   web   

原文地址:http://www.cnblogs.com/xiaofenguo/p/7567673.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!