这篇在 webpack-demo 目前下新建一个 w2 目录,学习 webpack.config.js 及 与 npm scripts 的使用。
1、w2 下新建一个 webpack.config.js,内容如下
javascript;gutter:true;
var path = require('path');</p>
<p>module.exports = {
entry: './app/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
}
};
这是 w2 目录为
这时就可以直接在命令行执行 webpack 命令了,一些配置参数 webpack.config.js 文件即可,减少在命令行输入过多参数。
2、package.json 中加一行
这时可以结合npm命令来使用 webpack 了。
3、cd 到 w2 执行 npm run build
可以看到 w2 下生成了一个 dist 目录, 和 w1 一样。
4、打开 index.html ,效果和 w1 一样。
Original: https://www.cnblogs.com/snandy/p/6674907.html
Author: snandy
Title: Webpack2学习记录-2
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/553537/
转载文章受原作者版权保护。转载请注明原作者出处!