webpack懒加载

懒加载

yarn add @babel/plugin-syntax-dynamic-import -D

webpack.config.js:

module.exports = {
        module: {
            // noParse: /jquery/,  // 不去解析jquery中的依赖关系，
            rules: [
                {
                    test: /\.js$/,
                    exclude: /node_modules/,
                    include: path.resolve('./src/'),
                    use: [{
                        loader: 'babel-loader',
                        options: {
                            presets: [
                                '@babel/preset-env',
                                '@babel/preset-react'
                            ],
                            plugins: [
                            	'@babel/plugin-syntax-dynamic-import'
							]
                        }
                    }]
    
                }
            ]
        },
}

index,js:

let button = document.createElement('button');
button.addEventListener('click', function() {
    // es6草案  实际上是通过jsonp实现的
    import('./source.js').then(data => {
        console.log(data.default);
    });
})
document.body.appendChild(button);