首页手记【金秋打卡】第19天 11-2 Webpack配置

【金秋打卡】第19天 11-2 Webpack配置

标签：

JavaScript

课程名称：JavaScript ES(6-11)全版本语法每个前端都需要的基础课

课程章节：11-2 Webpack配置

课程讲师：谢成

课程内容：

11-2 Webpack配置
11-3 Webpack优化

课程收获：

webpack 开箱即用，可以无需使用任何配置文件。然而，webpack 会假定项目的入口起点为 src/index.js，然后会在 dist/main.js 输出结果，并且在生产环境开启压缩和优化。

const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyPlugin = require('copy-webpack-plugin')

module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'index.js'
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: './src/index.html'
        }),
        new CopyPlugin([{
            from: 'static',
            to: 'static'
        }])
    ],
    module: {
        rules: [{
            test: /\.js$/,
            exclude: /node_modules/,
            use: {
                loader: 'babel-loader',
                options: {
                    presets: [
                        ['@babel/preset-env', {
                            "useBuiltIns": "entry"
                        }]
                    ]
                }
            }
        }]
    }
}