![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
蓝色六一
vue、小程序方向
展开
-
@vue/cli图片转base64链式配置
vue.config.jsprocess.env.NODE_ENV === 'production':生产环境生效limit: 5000:图片文件小于5kb则转换chainWebpack: config => { config.module .rule('images') .use('url-loader') .loader('url-loader') .tap(options => Object.assign(options, { limit: 5000原创 2021-05-26 17:24:31 · 463 阅读 · 0 评论 -
@vue/cli去除Console链式配置
vue.config.js如果你使用的是 webpack v5 或以上版本,你不需要安装这个插件。webpack v5 自带最新的 terser-webpack-plugin。如果使用 webpack v4,则必须安装 terser-webpack-plugin v4 的版本。chainWebpack: config => { if (process.env.NODE_ENV === 'production') { config.optimization.minimizer('te原创 2021-05-26 17:21:01 · 111 阅读 · 0 评论 -
vue-cli4+项目打包后生成可修改的配置文件
创建免打包JSON配置文件文件cli4+在public文件夹下面新建一个json配置文件,cli4版本以下则在static文件夹下新建即可{ "baseSize": 100, "autoLogout": 6900, "axiosConfig": { "withCredentials": true, "baseURL": "/api" }}通过axios获取在main.js中通过axios获取配置文件中的数据,cli4版本以下请求路径为/static/config.原创 2020-06-16 18:17:33 · 2958 阅读 · 0 评论 -
vue-cli4实现自适应布局
原理webpack打包时,通过postcss-pxtorem插件,将原先写的px单位转换成rem,然后通过amfe-flexible插件监听窗口变化,设置根元素得fontSize,实现自适应效果安装cnpm i amfe-flexible -S // 需要打包进项目 -Scnpm i postcss-pxtorem -D // 只需要本地使用 -D配置在项目vue.config.js...原创 2020-05-07 11:52:38 · 2027 阅读 · 3 评论 -
webpack基本配置及使用介绍
webpack简介Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。首先在项目文件夹下安装webpack、webpack-dev-servercnpm i webpack webpack-dev-server -D配置package.json文件dev{ "name": "webpack...原创 2019-12-23 17:47:16 · 133 阅读 · 0 评论