//安装babel-plugin-import 第一步：npm install babel-plugin-import --save第二步：暴露webpack.config.js运行：npm run eject第三步：在webpack.config.js中的module下的oneOf数组里加入下面代 ...
分类：
其他好文 时间：
2020-06-17 11:19:01
阅读次数：
133
1.先下载vs code https://code.visualstudio.com/ 2. 安装nodejs https://nodejs.org/en/ （推荐版） 安装后在开始菜单中打开cmd命令窗口，可查看当前版本，如下所示： 3.npm包管理器，是集成在node中的，所以，直接输入 npm ...
分类：
Web程序 时间：
2020-06-17 11:17:44
阅读次数：
86
npm init -y cnpm install webpack webpack-cli -D src/dist/config文件夹 base.config.js 定义出口和入口文件 打包后文件名称 基于webpack打包文件 怎么配置取消文件后缀 cnpm install html-webpack ...
分类：
Web程序 时间：
2020-06-17 10:51:51
阅读次数：
68
这个错误根本和我的项目八竿子打不着，错误原因是配置了 css 的rule，将 这个rule注释掉，正常运行没有问题， 可是我却有强迫症，既然处理 node_modules 文件里才出现的错误，那么我就把 test 规则精确到我自己编写的css文件即可，运行测试一切正常 ...
分类：
Web程序 时间：
2020-06-16 20:43:59
阅读次数：
86
vue的基础使用 vue官网 vue开源项目汇总 vue创建项目步骤： 1、cd 当前目录 2、vue init webpack-simple 01 3、接下来根据提示操作 4、cd 01 5、npm install 6、npm run dev 7、只关心src文件夹里面的文件 vue核心插件： v ...
分类：
其他好文 时间：
2020-06-16 16:53:00
阅读次数：
65
话说前头： 上次写了一篇webpack的学习心得，webpack能做到提升前端的性能，其模块打包最终生成一个或少量的文件能够减少对服务端的请求。除此之外，本次的图片懒加载（当然不仅限于图片，还可以有视频，flash等）也是一种优化前端性能的方式。使用懒加载可以想要看图片时才加载图片，而不是一次性加载 ...
分类：
其他好文 时间：
2020-06-16 14:59:22
阅读次数：
55
一、在package.json里的依赖里面，找不到webpack了；但是，这并不能说i名就不用webpack了，其实webpack是被封装到了node_modules这个文件夹里面了； 二、在node_modules文件夹里，找到了webpack文件夹和 webpack-dev-server文件夹； ...
分类：
其他好文 时间：
2020-06-16 13:06:14
阅读次数：
49
一、首先安装node.js 下载地址：https://nodejs.org/en/download/ 然后根据电脑的配置看是32位的还是64位的选择相应的进行安装 二、一般node.js安装好后都会有npm，但不是最新版本的，想要可以重新下载。 首先检测一下npm的版本 ，使用指令 npm -v 然 ...
分类：
其他好文 时间：
2020-06-15 21:01:21
阅读次数：
207
1.全局安装（官网不推荐） 2.指定目录运行，如：node_modules/.bin/webpack（找不到webpack命令是因为系统环境变量的原因） 3.自定义shell命令：alias webpack="node_modules/.bin/webpack",之后再用webpack命令 ...
分类：
Web程序 时间：
2020-06-15 17:35:53
阅读次数：
188
话说前头： 上次写了一篇webpack的学习心得，webpack能做到提升前端的性能，其模块打包最终生成一个或少量的文件能够减少对服务端的请求。除此之外，本次的图片懒加载（当然不仅限于图片，还可以有视频，flash等）也是一种优化前端性能的方式。使用懒加载可以想要看图片时才加载图片，而不是一次性加载 ...
分类：
其他好文 时间：
2020-06-15 12:18:12
阅读次数：
53
