C/C++教程

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

本文主要是介绍【金秋打卡】第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有了新的认识,期待后边的学习

这篇关于【金秋打卡】第19天 11-2 Webpack配置的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!