![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
垃圾侠
这个作者很懒,什么都没留下…
展开
-
terser-webpack-plugin删除代码注释、打印敏感信息等
1.安装插件(此插件可移除js和vue文件中的注释、打印等信息)npm installterser-webpack-plugin -D;2.在vue.config.js中进行配置const TerserPlugin = require("terser-webpack-plugin");configureWebpack: { optimization: { minimize: true, minimizer: [ new TerserPlug.原创 2021-05-17 16:04:27 · 3398 阅读 · 2 评论 -
vue-cli3配置webpack-bundle-analyzer的方法
1.安装webpack-bundle-analyzer;npm installwebpack-bundle-analyzer -D;2.在vue.config.js中配置:chainWebpack: config => { config.plugin('webpack-bundle-analyzer') .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin) },3.运行:npm run s.原创 2021-05-17 15:51:30 · 2643 阅读 · 1 评论 -
webpack中require.context的作用
在我们项目开发中,经常需要import或者export各种模块,那么有没有什么办法可以简化这种引入或者导出操作呢?答案是肯定的,下面就为大家介绍一下require.context我们会这样引入组件:import A from 'components/A'import B from 'components/B'import C from 'components/C'import D from 'components/D'// ...这样很蛋疼,因为每加一个组件,可能都要写这么一句,这样转载 2020-11-19 10:01:42 · 262 阅读 · 0 评论 -
vue-cli4的使用与配置
关于旧版本Vue CLI 的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。Node 版本要求Vue CLI 4.x 需要Node.jsv8.9 或更高版本 (推荐 v10 以上)。你可以使用n,nvm或nvm-windows在同一台电脑中管理多个 Node 版本。由于 Nod...原创 2020-09-15 10:20:16 · 1097 阅读 · 0 评论 -
webpack5.0基础
webpack.config.jsconst path = require('path');module.exports = { entry: './path/to/my/entry/file.js',//指定入口文件 output: { path: path.resolve(__dirname, 'dist'),//指定输出文件地址 filename: 'my-first-webpack.bundle.js'//指定输出文件名 }};path.resolve()原创 2020-10-10 15:22:05 · 1088 阅读 · 1 评论 -
webpack开发环境和生产环境切换原理
在package.json中有如下设置:"scripts": { "dev": "node build/dev-server.js", "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js", "build:sit": "cross-env NODE_ENV原创 2018-01-23 11:07:41 · 6049 阅读 · 0 评论 -
vue打包后图标路径不正确问题解决
更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', // 注意配置这一部分,根据目录结构自由调整 fall...转载 2019-05-09 16:24:45 · 765 阅读 · 0 评论