初探webpack-深入浅出三

学习webpack，三天时间记录四个文档。一次性更新~没有完整的流程，有时间给补上吧!

调试

• 配置devtool: ‘source-map’或开启–mode development模式

babel

• 编译js，轻松使用ESnext,转换
• jsx

##下载

• babel-core babel-loader babel-preset-env

    
        cnpm i babel-core babel-loader babel-preset-env -D
    

配置

    
        {
            test: /\.(js|jsx)/,
            use: ['babel-loader'],
            exclude: /node_modules/ // 忽略依赖
        }
    

• 根目录下创建 .babelrc 文件

    
        {
            "presets": [
                "env"
            ]
        }
    

静态资源输出

• copy-webpack-plugin

下载

    
        npm i copy-webpack-plugin -D
    

配置

    
        const CopyWebpackPlugin = require('copy-webpack-plugin');

        module.exports = {
            plugins: [
                new CopyWebpackPlugin([{
                    from: path.resolve(__dirname, "../src/assets"),
                    to: '../dist/assets'
                }])
            ]
        }