webpack
Dreamy_lin
做好当下
展开
-
webpackChunkName 魔法注释失效解决,只能显示 id 的解决方案
问题路由懒加载时,采用ES6的按需加载方式,却无法显示webpackChunkNameconst BackHome = () => import(/* webpackChunkName: 'backHome' */ '@/views/back/back_home');const ArticleMgt = () => import(/* webpackChunkName: 'articleMgt'*/ '@/views/back/article_mgt');const CommentMgt原创 2020-12-08 18:39:55 · 2696 阅读 · 4 评论 -
性能优化:Vue-ECharts使用CDN
一、背景在使用了Vue-ECharts的按需加载后,打包仍占用了较大的空间,故通过CDN方式,缩小打包体积。二、配置1、在模板index.html中引入CDN找到Vue-ECharts的关联包:通过国内的CDN服务器BootCDN,查找ECharts和Vue-ECharts的CDN,在index.html中,引入如下:<script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.1.0/echarts.min.js"></s原创 2020-12-01 15:14:16 · 5928 阅读 · 0 评论 -
Webpack4 配置copy-webpack-plugin^6.0.3的ignore
我的版本 copy-webpack-plugin: ^6.0.3const CopyWebpackPlugin = require('copy-webpack-plugin');plugins: [ new CopyWebpackPlugin({ patterns: [{ from: path.join(__dirname,'../static'), to: 'static', globOptions: {原创 2020-07-14 22:45:18 · 1633 阅读 · 0 评论 -
Vue的favicon设置,打包生产开发条件下均可
主要是模仿了vue-cli的方式,第一步,将favicon.ico放在static目录下,通过vue-cli 的拷贝插件copy-webpack-plugin,打包后将生成在dist/static的目录下。第二步,修改打包前的index.html,在head里引入favicon.ico,如下,之后运行起来就可以看到了。 <link rel="icon" href="/static/favicon.ico" type="image/x-icon">不用vue-cli的话,自己配置拷贝插原创 2020-07-10 11:30:09 · 1311 阅读 · 0 评论 -
babel-loader配置 @beta版
作用使用ES6编写js语法时,由于有些浏览器不支持,故需使用babel插件将ES6转换为ES5。安装webpack 3.x | babel-loader 8.x | babel 7.xnpm install [email protected] @babel/core @babel/preset-env webpackwebpack 3.x babel-loader 7.x | babel 6.xnpm install babel-loader babel-core babel-原创 2020-06-09 13:03:41 · 466 阅读 · 0 评论