环境: webpack 4.0 extract-text-webpack-plugin 使用报错: Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 原因是: ...
分类:
Web程序 时间:
2020-05-02 12:16:05
阅读次数:
121
1.安装: 进入项目路径后,在项目终端输入:npm install vuex --save 或者 cnpm install vuex --save 2.安装完成后,会在项目的package.json文件中显示vuex插件,如下: "dependencies": { "vue": "^2.5.2", ...
分类:
其他好文 时间:
2020-05-01 18:43:35
阅读次数:
341
安装 基本配置 webpack打包出来的文件解析 修改了webapck.config.js 名字webpack.configmy.js 开启本地服务,添加localhost,配置html模板和压缩html webpack plugin css处理 转化es6 ...
分类:
Web程序 时间:
2020-05-01 12:19:49
阅读次数:
80
环境:mac 工程已安装局部依赖包 npm install webpack webpack-cli -D 配置好webpack.config.js文件 但执行webpack报错 zsh: command not found: webpack 因为当前环境变量中,没有找到对应的命令,解决方法如下: ? ...
分类:
Web程序 时间:
2020-05-01 11:13:10
阅读次数:
99
在根目录下创建两个文件,这样的好处在于不用手动去书写判断环境替换路径代码 .env.development(开发) .env.production(生产) 内容: 必须是VUE_APP前缀开头,这样webpack可以运行或者打包时候,会将其集成到process.env中 如: 1 // .env.d ...
分类:
其他好文 时间:
2020-04-30 23:15:28
阅读次数:
268
准备工作:webpack需要安装很多东西,为了节省时间,可以将之前做好的复制到新文件夹中。除了node_modules,因为它包含的文件特别多,复制粘贴到另一个项目文件夹下时间比较长,我们可以在终端重新安装。(终端命令:npm i) 由于我们是用vue写代码,所以我们需要安装vue包并导入。 安装v ...
分类:
Web程序 时间:
2020-04-30 09:56:37
阅读次数:
121
继续上一篇 https://www.cnblogs.com/chenyingying0/p/12797474.html 安装webpack-dev-server cnpm i sebpack-dev-server 修改package.json 由于不同的平台(如windows和mac)上配置环境变量 ...
分类:
Web程序 时间:
2020-04-29 21:35:21
阅读次数:
88
一、安装sass 依赖包 npm install sass-loader --save-dev npm install node-sass --sava-dev 二、在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, load ...
分类:
Web程序 时间:
2020-04-29 18:19:07
阅读次数:
206
可以用此插件:https://github.com/FranckFreiburger/http-vue-loader <script src="https://cdn.jsdelivr.net/npm/http-vue-loader@1.4.2/src/httpVueLoader.min.js">< ...
分类:
Web程序 时间:
2020-04-29 15:13:42
阅读次数:
72
优化其实是一件很有趣的事。。 以我的项目为例,dist文件从20M到2M... 一. 使用工具查看项目各个包的大小 首先你需要先安装webpack的一个插件webpack-bundle-analyzer,专门用来分析各个包的依赖,查看包的体积。 npm intall webpack-bundle-a ...
分类:
其他好文 时间:
2020-04-29 14:35:56
阅读次数:
71