![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
友人C君~
这个作者很懒,什么都没留下…
展开
-
webpack(3.8.1版本)使用方式实例
初始配置首先在HBuilder中创建目录文件然后在“运行”中打开刚才配置好的cmd命令行工具在cmd命令行中先进入文件目录使用 npm init -y 命令进行初始化然后就可以下载你所需要的文件包了,例如使用 npm install vue -S 下载vue.js文件在HBuilder目录里能看到node_modules文件,如果没有自动更...原创 2019-06-22 13:52:03 · 767 阅读 · 0 评论 -
webpack-dev-server的基本使用
webpack-dev-server是一个轻量级的服务器,修改文件源码后,自动刷新页面将修改同步到页面上webpack以 npm i webpack@3.8.1 -D 的形式安装到项目下 webpack-cli以 npm i webpack-cli@3.0.0 -D 的形式安装到项目下 webpack-dev-server以 npm i webpack-dev-server@2.9.3...原创 2019-06-22 20:05:33 · 891 阅读 · 0 评论 -
webpack——html-webpack-plugin 插件
具体流程:首先在项目中安装此插件 npm i html-webpack-plugin -D ,此时启动会有报错解决此类报错就得在全局安装此插件npm install -g html-webpack-plugin,安装成功后package.json文件显示有此插件在webpack.config.js配置文件中导入该模块const webpack = requi...原创 2019-06-23 11:52:00 · 633 阅读 · 0 评论 -
webpack——loader引入CSS样式文件
具体流程:直接引入会报错命令工具安装第三方loader加载器,cnpm i style-loader css-loader -D在webpack.config.js配置文件中添加modulel属性,用于配置所有第三方模块加载器。END...原创 2019-06-23 13:41:16 · 785 阅读 · 0 评论 -
webpack——url-loader
直接书写地址引入图片报错需要安装额外的第三方加载器在命令窗口输入cnpm i url-loader file-loader -D 安装第三方loader加载器然后在webpack.config.js配置文件中的module属性的rules规则数组中新增加载器匹配规则,由于url-loader内部依赖file-loader,所以不用在use中书写,所以也可不用...原创 2019-06-23 16:10:44 · 734 阅读 · 0 评论 -
webpack——导入vue组件
首先创建一个.vue后缀结尾的vue文件然后在main.js中导入vue组件文件,然后在vue实例中注册该组件报错,需要安装解析vue文件的第三方loader加载器使用命令cnpm install --global vue-cli cnpm install vue cnpm install vue-loader vue-template-compiler loade...原创 2019-06-24 11:49:19 · 632 阅读 · 3 评论 -
webpack——使用vue-router
首先使用命令cnpm i vue-router -S 导入vue-router包可以引入组件的vue文件创建vue-router对象匹配路由规则便可正常使用路由、路由嵌套以及路由命名了。页面效果END...原创 2019-06-24 19:42:24 · 216 阅读 · 0 评论 -
-g、--save 、 --save -dev的区别
dependencies(运行依赖)也就是我们项目运行上线还会使用的插件 比如webpack axios vant Element UI框架devDependencies(开发依赖)也就是帮助开发的插件 比如babel live-server lodash loader类似的---npm i 插件 ,会把插件安装到node_modules目录中,不会修改package.j...原创 2019-09-21 16:52:20 · 438 阅读 · 0 评论