性能优化篇---Webpack构建代码质量压缩

webpack设置接入CDN

•  CDN
•  网站接入CDN，必要将网页的静态资源上传到CDN处事器，行使CDN地点会见；

1.  行使CDN可以决解资源并行下载限定，处理赏罚静态资源Cookie同域名携带等题目；
2.  CDN缓存和回源必要公道的配置静态资源hash
3.  接入CDN会引入多个域名，增进域名理会时刻，可举办预理会域名<link rel="dns-prefetch" href="//js.dns.com" />

•  webpack实现接入

1.  output.publicPath配置JavaScript地点
2.  css-loader.publicPath配置CSS导入的资源地点
3.  WebPlugin.stylePublicPath中配置Css文件地点 

// JavaScript  
output: {  
    publicPath: '//js.cdn.com/js/',  
    path: path.join(__dirname, '../docs/dist'), // 打包后的文件存放的处所  
    // 为输出的JavaScript文件名加上Hash值行使`chunkhash`（chunkhash：按照模块内容变革；hash: 按照每次构建随机）  
    filename: "js/[name].[chunkhash:8].js",  
    chunkFilename: "js/[name]-[id].[chunkhash:8].js",  
}, 

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!