一、entry? & output

mode: 'development',// entry: './src/index',// entry: ['./src/index', './src/pollyfill'], entry: {app: './src/index',pollyfill: './src/pollyfill.js'},output: {filename: '[name].[hash:8].js',path: path.resolve(__dirname, 'dist'),
　　 publicPath: '/',},

?二、resolve

resolve: {extensions: ['.js', '.jsx', '.json'],alias: {'@': path.join(__dirname, '../', 'src'),}},

三、懶加載

import()?原理是通過jsonp;?返回promise

const $el = document.createElement('div'); $el.className ='container'; $el.addEventListener('click', function(){import('./caltTest').then((res)=>{console.log(res.default);}) }); document.body.appendChild($el);

四、熱更新

devServer中增加hotOnly:true

五、定義環境變量

new Webpack.DefinePlugin({ENV: 'true',// SERVE: "'https://www.baidu.com'",UAT: JSON.stringify('uat'),}),

?

轉載于:https://www.cnblogs.com/shangyueyue/p/10702859.html

總結

以上是生活随笔為你收集整理的webpack(一) 配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。