HMR热加载 如果需要开启HMR热加载功能，只需要在webpack.config.js中配置 /** * HMR: hot module replacement 热模块替换 / 模块热替换 * 作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块） * 极大的提升构建速度 * 样式文件 ...
分类：
其他好文 时间：
2020-07-22 15:39:43
阅读次数：
71
1.项目准备 首先npm init初始化工程，然后安装typescript和webpack相应模块： npm install --save-dev webpack webpack-cli npm install --save-dev typescript npm install --save-dev ...
分类：
Web程序 时间：
2020-07-22 02:04:49
阅读次数：
143
Webpack配置Vue 现在我们希望在项目中使用Vue.js，那么必须需要对其有依赖，所以先进行安装。 注意： 因为我们在后续实际项目中也是需要Vue的，所以安装时并不是开发时依赖，而是运行时依赖。 npm install vue --save 刚开始学习Vue，都是通过script标签引入源码的 ...
分类：
Web程序 时间：
2020-07-20 10:31:26
阅读次数：
94
开始我们新建项目的步骤是： ng new demo --skip-install cnpm install ng serve 主要是用了cnpm的原因，替换成npm就ok了 1,先删除（rd /s /Q node_modules） 2,npm install ...
分类：
Web程序 时间：
2020-07-19 23:22:23
阅读次数：
103
1.目录结构 build：webpack构建命令目录，包括运行开发环境，项目打包等配置 config：webpack和node基础，开发，线上环境的配置 dist：webpack打包后生成的静态文件目录 node_modules:项目依赖的js包 src：项目根目录 assets：静态资源目录，这里 ...
分类：
其他好文 时间：
2020-07-19 17:58:59
阅读次数：
82
一、install vuex(vue-cli)-->command 1、vue init webpack vuexdemo 2、cnpm install vuex --save 3、npm run dev 二、interpretation vuex 1、src/store/index.js(prio ...
分类：
其他好文 时间：
2020-07-19 11:52:09
阅读次数：
73
一、安装vue-cli vue-cli是vue的脚手架工具，用于快速搭建vue项目。让开发者只关心项目本身，而不去关注项目的开发环境。 在安装vue-cli之前，我们先安装webpack，在命令行工具输入下面代码。 npm install --save-dev webpack 安装完成之后输入web ...
分类：
其他好文 时间：
2020-07-18 22:11:16
阅读次数：
77
由于vue-cli4的index.html的title是在webpack中定义的，如下 <title><%= htmlWebpackPlugin.options.title %></title> 修改方法： 在vue.config.js中设置 module.exports = { //修改或新增ht ...
分类：
Web程序 时间：
2020-07-18 22:09:21
阅读次数：
263
Webpack css文件的配置 loader 让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块，然后你就可以利用 webpack 的打包能力，对它们进行 ...
分类：
Web程序 时间：
2020-07-18 19:49:06
阅读次数：
75
步骤一 webpack 配置中添加ProvidePlugin插件，congfig/webpack.config.js： module.exports = function (webpackEnv) { plugins: [ new webpack.ProvidePlugin({ $: 'jquery ...
分类：
Web程序 时间：
2020-07-18 00:58:22
阅读次数：
169
