1.安装sass 依赖包 终端输入 npm install sass-loader --save-dev npm install node-sass --sava-dev 2.build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, ...
分类：
Web程序 时间：
2020-07-24 16:27:10
阅读次数：
96
模块化的 require 和 import的区别 ####区别 require是commonjs的规范，在node中实现的api，import是es的语法，由编译器处理。所以import可以做模块依赖的静态分析，配合webpack、rollup等可以做treeshaking。 commonjs导出的 ...
分类：
其他好文 时间：
2020-07-24 15:36:43
阅读次数：
62
在vue中使用elementui中的组件el-image引入相对路径图片报错的解决办法 原因：assets目录下的资源文件引入错误是因为在使用webpack打包的时候路径发生了变化，并且文件名也会改变 只有public文件夹下的文件是原样打包的不会改变 使用的时候通过require引入即可 <el- ...
分类：
其他好文 时间：
2020-07-23 23:01:15
阅读次数：
244
如何使用webpack构建多页面应用，这是一个我一直在想和解决的问题。网上也给出了很多的例子，很多想法。猛一看，觉得有那么点儿意思，但仔细看也就那样。 使用webpack这个构建工具，可以使我们少考虑很多的问题。 我们常见的单页面应用只有一个页面，它考虑问题，解决问题围绕着中心化去解决，因此很多麻烦 ...
分类：
Web程序 时间：
2020-07-23 19:02:18
阅读次数：
86
1.执行npm install nrm -g，安装nrm，此模块主要用于切换npm镜像源，简化手动配置步骤 2.执行 nrm ls，可以看到npm源地址列表，当前使用的是默认源，npm https://registry.npmjs.org/ 3.执行 nrm use taobao，将npm的源修改为 ...
分类：
Web程序 时间：
2020-07-23 16:01:11
阅读次数：
147
1，css篇： 全局引入公共的scss或者其他预编译文件 ，主要依赖：sass-resources-loader， 详见我上一篇博客2. js篇： 2.1：props和$emit 巧用修饰符语法糖sync来优雅的更新props ,父子组件的传值prop是很常用的业务，需要在子组件去更新prop的场景 ...
分类：
其他好文 时间：
2020-07-22 15:54:01
阅读次数：
74
HMR热加载 如果需要开启HMR热加载功能，只需要在webpack.config.js中配置 /** * HMR: hot module replacement 热模块替换 / 模块热替换 * 作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块） * 极大的提升构建速度 * 样式文件 ...
分类：
其他好文 时间：
2020-07-22 15:39:43
阅读次数：
71
https://www.cycycd.com/blog/?p=352 上一章中通过使用Boot程序在屏幕上显示出了“start boot”字符串，如果在这个现有程序上启动Loader原理也不难：要么将Loader直接写在这512B中，统一引导启动；要么单独存放Loader，在Boot中读取Loade ...
分类：
其他好文 时间：
2020-07-22 11:42:36
阅读次数：
116
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
在main导入import './assets/style/theme.less'如果找不到less， 需安装less依赖:npm install less可能还需要 npm install less-loader 如果报一下错误：error in ./src/assets/style/theme. ...
分类：
其他好文 时间：
2020-07-21 21:53:11
阅读次数：
112
