通过前面知识的学习,我们学会了打包样式资源,html资源,图片资源和其他资源。以及学会了通过devServer开启热更新。现在我们便可以开始配置基本的开发环境了; 开发环境基本配置 webpack.config.js的配置如下: /** * 开发环境配置 */ const {resolve} = r ...
分类:
其他好文 时间:
2020-09-17 12:11:38
阅读次数:
29
问题描述: vue2.x + iview项目随着文件越来越多打包速度越来越慢 76% basic chunk optimization RemoveParentModulesPlugin 解决方法: 安装babel-plugin-dynamic-import-node插件 npm install b ...
分类:
Web程序 时间:
2020-09-16 12:34:05
阅读次数:
72
上篇文章在vue+cesium时遇到问题后看了一晚上找到一个最简单的解决办法: 1、当然首先是构建一个vue项目,用vue-cli , 构建方法这里不多说,随便一搜就能搜到 在vue-cli构建完成后,一般来说的话cesium使用需要先配置webpack,这里这个方法不需要。 打开你的项目目录,我这 ...
分类:
其他好文 时间:
2020-09-10 22:33:15
阅读次数:
76
今天用webpack手动搭建环境的时候,疯狂报错,好大会都进行不了下一步 #####首先是配置package.json //自动配置 npm init -y 一切都没有任何问题 #####然后安装webpack工具 npm install webpack webpack-cli --save-dev ...
分类:
Web程序 时间:
2020-08-20 18:24:52
阅读次数:
84
create-react-app脚手架创建的项目有sass配置项,使用的时候只需要装包即可,下面是less使用的方法 由于 create-react-app 脚手架中并没有配置关于 less 文件的解析,所以我们需要自己进行配置。需要安装的插件 less, less-loader。 1、安装less ...
分类:
其他好文 时间:
2020-08-20 18:22:56
阅读次数:
97
认识Vue 并安装nodeJS和NPM Vue快速入门 Vue实例 Vue指令 Vue组件化 Vue路由vue-router webpack快速入门 vue-cli入门 9.vue-cli 9.1.介绍和安装 在开发中,需要打包的东西不止是js、css、html。还有更多的东西要处理,这些插件和加载 ...
分类:
其他好文 时间:
2020-08-17 17:16:04
阅读次数:
58
1、未使用externals 本项目以vue-cli脚手架为示例。未使用externals时,构建物中chunk-vendor.js体积90k。 其中:vue代码会打包到chunk-vendor.js。 2、使用external (1)vue.config.js修改 其中:键,就是用npm inst ...
分类:
Web程序 时间:
2020-08-13 11:48:35
阅读次数:
72
开发vue项目时有时候后端没办法那么快提供接口,那我们只能用mock.js自己提前模拟接口,请求数据。 1、安装vue项目 1)cnpm i -g vue-cli //安装全局vue-cli脚手架 2)vue init webpack vueAxios(项目文件夹名) 3)cd vueAxios(项 ...
分类:
Web程序 时间:
2020-08-10 13:21:53
阅读次数:
89
安装webpack 在全局安装webpack: npm install webpack -g 基本配置 在项目的根目录创建一个 webpack.config.js module.exports = { // 配置项 // entry: 打包的入口文件,一个字符串或者一个对象 // output: 配 ...
分类:
Web程序 时间:
2020-08-09 14:23:43
阅读次数:
76
使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。 注意:webpack 4.X 开始, ...
分类:
其他好文 时间:
2020-08-09 11:50:44
阅读次数:
74