继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

浪里个浪小白龙
关注TA
已关注
手记 75
粉丝 3
获赞 4

课程名称: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有了新的认识,期待后边的学习

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP