安装：cnpm install html-webpack-plugin -D 使用：在webpack.config.js文件里面添加配置： const htmlWebpackPlugin = require('html-webpack-plugin') module.exports = { plug ...
分类：
Web程序 时间：
2020-03-15 13:04:25
阅读次数：
67
1. exclude 排除我们安装插件里面的代码 2 . include: path.join(__dirname, 'src'), 主要包含的是输出文件的src 测试下 效果在小项目 中 不是特别明显 ...
分类：
Web程序 时间：
2020-03-15 11:51:34
阅读次数：
63
webpack学习记录(二) webpack dev server 应用场景 我们打包好js文件之后要观察效果的话就只能新建一个HTML并且把打包好的js文件引入进去，然后通过本地打开html文件查看效果，但是我们通常开发的时候都希望用localhost来访问，这时候我们就需要安装webpack d ...
分类：
Web程序 时间：
2020-03-15 11:47:37
阅读次数：
87
module.noParse 字段，可以用于配置哪些模块文件的内容不需要进行解析 不需要解析依赖（即无依赖） 的第三方大型类库等，可以通过这个字段来配置，以提高整体的构建速度 实例： 我们可以先安装 jquery 测试 打包测试下 耗时为 1000多ms 配置下 noParse 再次打包测试 耗时 ...
分类：
Web程序 时间：
2020-03-15 11:41:11
阅读次数：
150
webpack学习记录(三) 插件 插件是什么 plugin是用于扩展webpack的功能，各种各样的plugin几乎可以让webpack做任何与构建先关的事情。 plugin的配置很简单，plugins配置项接收一个数组，数组里的每一项都是一个要使用的plugin的实例，plugin需要的参数通过 ...
分类：
Web程序 时间：
2020-03-15 11:21:51
阅读次数：
69
安装Node.js和npm 请参考 "Win10环境安装node.js和npm" 安装Vue CLI脚手架 安装方法 点击开始 = 运行 = 输入"cmd" = 执行以下命令： 以前是这样安装的： 新版本的 Vue CLI 的包名称由 改成了 检查是否安装成功 安装webpack 安装方法 构建项目 ...
分类：
其他好文 时间：
2020-03-14 17:03:43
阅读次数：
59
零、介绍 1. Vue 基础知识 (指令 + todomvc ) 2. Vue 全家桶 ( vue /vue router / vuex + axios ) 3. 组件化开发 ： 最近比较流行的一种开发模式 ， 之前是原生 = 模块化 = 组件化 把一个完整的项目划分成一个小小的组件 4.webpa ...
分类：
Web程序 时间：
2020-03-14 14:43:17
阅读次数：
84
使用webpack打包文件时，发现JS文件中引入的图片并没有打包到图片文件夹里，导致使用相对路径获取的文件无法显示 正确用法：使用模块化的方式引入图片路径，这样引入的图片就可以打包到文件夹了 javascript let url = require("../../static/images/icon ...
分类：
Web程序 时间：
2020-03-14 11:19:59
阅读次数：
56
1、报错如下： 2、此时你执行npm run dev / npm run build 会报错如下 npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! vue@1.0.0 dev: `webpack-dev-server --inline --progre ...
分类：
其他好文 时间：
2020-03-14 10:57:32
阅读次数：
62
$ vue init webpack myweb Command vue init requires a global addon to be installed. Please run npm install g @vue/cli init and try again. $ npm install ...
分类：
其他好文 时间：
2020-03-14 10:55:50
阅读次数：
289
