夫天地者,万物之逆旅;光阴者,百代之过客。而浮生若梦,为欢几何?
手撕webpack:配置文件的使用

回顾

上一篇《手撕webpack:初体验》笔者介绍了 webpack 的安装和通过CLI命令打包一个文件,在大型项目构建中,通过命令行参数控制打包过程显得就不优雅和高效了,所以本篇我们学习配置文件的使用。

最简单的配置文件

项目根目录下新建 webpack.config.js ,输入如下代码:

const path = require("path")

module.exports = {
  entry: './src/index.js',
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist')
  }
}

entry 配置的入口为 index.js ,打包后的文件将输出到 dist目录,并且文件名为入口名称,因为这里没有配置入口名所以会使用默认的 main.js 。

webpack.config.js 配置文件编辑完成后,在 package.json 的 scripts 配置中增加打包脚本,这样在每次构建时就不用通过CLI 敲繁琐的命令了。

"scripts": {
  "webpack": "webpack --config webpack.config.js"
},

运行 npm run webpack 命令试一把,是否为我们想要的结果。


作者:暗夜余晖

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

0

支持

0

反对

posted @2020-4-19  拜读(192)

评论列表

评论内容:



喜欢请打赏

支付宝 微信

请放心支付