手记

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

课程名称: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"
                        }]
                    ]
                }
            }
        }]
    }
}

谢谢老师,讲的非常细致,很容易懂。这一节学的是Webpack配置,给以后的学习打下了基础。
原来ES6-11能有这么多种性质,以及对ES6-11有了新的认识,期待后边的学习

1人推荐
随时随地看视频
慕课网APP