1. 打开官方文档 https://router.vuejs.org/zh/installation.html 安装: npm i vue-router -S import Vue from 'vue' import app from './App.vue' // 导入 vue-router imp ...
分类:
Web程序 时间:
2021-03-16 11:52:19
阅读次数:
0
安装完webpack-cli之后,首次打包出现一下错误: 以管理员身份运行powershell 打开了powershell命令行之后,输入 set-ExecutionPolicy RemoteSigned 默认是n 选y就可以了 ...
分类:
移动开发 时间:
2021-03-16 11:49:12
阅读次数:
0
module chunk bundle的区别 module 各个源码文件,webpack一切皆模块 chunk 多模块合并成的, 如entry import()异步加载 splitChunk代码分割 bundle 最终的输出文件,有可能好多个打包文件 1.优化babel-loader 尽可能少的应用 ...
分类:
Web程序 时间:
2021-03-09 12:57:31
阅读次数:
0
缓存 场景 生产环境中,我们配置output,输出打包配置,代码分割配置,第三方的库会被打包到vendors文件 optimization: { usedExports: true, splitChunks: { chunks: 'all', cacheGroups: { vendors: { te ...
分类:
Web程序 时间:
2021-03-08 13:21:52
阅读次数:
0
因为在不同的环境下,webpack的配置稍微有点区别,如果我们需要在不同的换将下切换,就得重复修改webpack.config.js配置,这是很麻烦而且还容易改错,所以我们需要把配置文件进行拆分。 在项目根目录下新建build文件夹,然后在build文件夹中新建 webpack.dev.js 、 w ...
分类:
Web程序 时间:
2021-03-06 15:08:41
阅读次数:
0
- 前端小菜鸟,喜欢前端,不断学习 微信:jie178463596 微信小群:纯粹讨论技术、面试、工作为主,划水少,拒绝广告 认识Plugin CleanWebpackPlugin HtmlWebpackPlugin 生成的index.html分析 自定义HTML模板 自定义模板数据填充 Defin ...
分类:
Web程序 时间:
2021-03-06 15:02:58
阅读次数:
0
### webpack 介绍 * 什么是webpack<https://www.webpackjs.com/> * Webpack是一个模块打包器(bundler)。 * 在Webpack看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理 * 它将根据模块 ...
分类:
Web程序 时间:
2021-03-06 14:42:18
阅读次数:
0
1. vue脚手架 用来创建vue项目的工具包 创建项目: npm install -g vue-cli vue init webpack VueDemo 开发环境运行: cd VueDemo npm install npm run dev 生产环境打包发布 npm run build npm in ...
分类:
其他好文 时间:
2021-03-05 13:06:18
阅读次数:
0
使用全局命令: npm i webpack -g 安装完webpack,执行webpack命令提示还要安装webpack-cli 直接输入yes安装完成之后,执行webpack还是会有相同的提示 这里 直接输入no,然后自己输入命令,安装成功 npm install --save-dev webpa ...
分类:
Web程序 时间:
2021-03-04 13:09:35
阅读次数:
0
1.执行npm run fix-memory-limit 2.再重新启动发现报错"node --max-old-space-size=10048"' 不是内部或外部命令,也不是可运行的程序 3.找到 在项目中 node_modules.bin 下的 webpack.cmd 和 webpack-dev ...
分类:
其他好文 时间:
2021-03-02 12:41:28
阅读次数:
0