bamboozjy的博客

vue-cli3或4脚手架搭建的项目第一步:安装依赖:npm i compression-webpack-plugin -D第二步:在vue.config.js中配置:const CompressionWebpackPlugin = require('compression-webpack-plugin')const isProduction = process.env.NODE_ENV === 'production'module.exports = { publicPath:

有时候打包时要区分打生产环境的包还是开发环境的包,这样判断需要用哪个baseurl或者其他变量方法1://windows操作系统下:"builddev": "set NODE_ENV=dev&&vue-cli-service build","buildprod": "set NODE_ENV=prod&&vue-cli-service build",//mac操作系统下:"builddev": "export NODE_ENV=dev&&am.

在vue.config.js中配置devServer项目,如下:可以配置多个代理地址 devServer: { // open: process.platform === 'demo', // host: 'localhost', // port: 8080, // open: true, //配置自动启动浏览器 proxy: { "/opAdmin": { target: "http://116.65.61.193:8081",

1.npm i webpack-bundle-analyzer -D2.在webpack.config.js中：const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin3.webpack.config.js的plugin内：new BundleAnalyzerPlugin()4...

1.可以直接把图片移动到对的路径下（看浏览器审查代码地方看图片引入的路径是什么）2.更改配置传送们ps：其实开始项目前直接把图片资源放到static文件夹下就可以省去路径错误麻烦...

我的vue项目npm run dev正常显示，npm run build打包之后没有内容。原来是我在配置路由的时候开启了mode: 'history'var router=new VueRouter({ routes:routes, mode: 'history'//去除路径中的 # 号})关于去除URL中的#，请移步vue-router.因为这个导致打包后路径出问...

现在很多前端框架项目中都需要使用到依赖，但是安装依赖的时候到底应该使用  --save或-S（简写）   还是  --save-dev或-D（简写） 呢，所以需要对dependencies和devDependencies 有清楚的认识。 dependencies：生产和开发都会用到的依赖，最后会被打包到项目中。eg：npm i jquery -S devDependencies ：...

一般使用mock模拟数据更好，但是还有一个方法临时模拟一下数据，使用webpack-dev-server去模拟服务器（原理是node的express中的中间件设置路由），具体操作如下：先在根目录中的vue.config.js中书写如下代码： module.exports = { publicPath: './', assetsDir: 'static', configur...