Webpack 初始化

安装Webpack

yarn add -D webpack webpack-cli

配置运行脚本

• ./package.json

"scripts": {
    "clean": "rm dist/bundle.js",
    "build": "webpack",
    "build-dev": "webpack --mode development",
    "build-prod": "webpack --mode production",
},

编写配置文件

• ./webpack.config.js

const webpack = require('webpack');
const path = require('path');

const config = {
    entry: './src/index.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    },
    resolve: {
        extensions: [".js", ".json", ".jsx", ".css", ".vue"],
    },
};

module.exports = config;

• entry：入口。
• output：出口。
• extensions：可省略的扩展名。

打包

$ yarn build