写在前面
上一篇文章我们讲了如何使用 webpack
,执行打包会在 dist
生成一堆文件,那么 webpack
输出的文件里面到底长啥样呢?用过的人100%看过,大部分的还是压缩混淆后的代码,一般我们不会去关心它,只管当前持续运行正常就行了。今天我们来看看 webpack
输出的文件
配置
安装
开发环境 webpack: 4.34.0
1 | > npm init -y |
新建文件
新建文件 webpack.config.js
新建文件夹 src
webpack.config.js
1
2
3
4
5
6
7
8
9
10const path = require('path');
module.exports = {
devtool: 'inline-source-map',
mode: 'development',
entry: './src/main.js',
output: {
path: path.resolve(__dirname, './dist'),
filename: 'bundle.js',
},
};