qq_38850058的博客

1.打包代码压缩 JSCSS图片压缩 2.自动清理构建脚本 clean-webpack-plugin const { CleanWebpackPlugin } = require('clean-webpack-plugin'); plugins: [ new CleanWebpackPlugin(), ] ...

12313123132123123

VUE-CLI3全局引入less的变量 首先确定是vue-cli3.x而不是2.9.x，我昨天就被这个给坑了， 其实这个东西也简单，用style-resources-loader来处理就OK了 vue add style-resources-loader 安装完成后选择less预处理器，他会在vue.config.js代码中生成 pluginOptions: { 'style-res...

1：项目结构 assets目录：放置静态文件的地方 filtres: 放置全局过滤器的地方 pages:放置页面 plugins: 放配置文件 axios.js 设置axios check-token：操作token的地方 element 全局注册element的地方 http: axios的二次封装请求中转处理 store： vuex存放的位置 2：多页开发 pages下面的两个目...

document.documentElement.style.fontSize = 100 * window.innerWidth / 750 + 'px'; window.addEventListener("resize", () => { document.documentElement.style.fontSize = 100 * window.innerWidth / 750...

这篇博客是记了一个关于webpack的笔记 postcss-loader 首先postcss-loader 和 postcss-cssnext 是关于css自动补充前缀的一个插件， webpack 里面rules配置use: [‘style-loader’, ‘css-loader’, ‘postcss-loader’] 项目根目录创建一个postcss.config.js 文件， modu...

一： 热跟新 1 watch 文件监听(非热跟新) watch文件监听是需要手动的刷新浏览器。页面才能刷新内容。因为他是轮询文件的最后修改时间是否变化，当文件发生变化时，不会立刻告诉监听者，而是先缓存起来等待aggregateTimeout //默认false，不开启 watch: true, // 只有开启监听模式，wacthOptions才有效 watchOptions: { /...

JS压缩 webpack4 内置了 uglifyjs-webpack-plugin CSS压缩 使⽤ optimize-css-assets-webpack-plugin，同时使⽤ cssnano plugins: [ new OptimizeCSSAssetsPlugin({ assetNameRegExp: /\.css$/g, cssProcessor: require('cssn...