![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
sleepwalker_1992
这个作者很懒,什么都没留下…
展开
-
webpack基本用法
网页中常见的静态资源: JS:.js .jsx .coffee .ts(TypeScript 类c#语言) CSS:.css .less .sass .scss Images:.jpg .jpeg .png .gif .bmp 字体文件(Fonts): .svg .ttf .eot .woff .woff2 模板文件: .ejs .jad...原创 2018-08-12 22:01:09 · 4323 阅读 · 0 评论 -
使用webpack一步一步构建Vue项目
在普通网页中使用Vue: 1、使用script标签引入Vue的包 2、在index页面中创建一个id为app的div容器 3、通过new vue得到一个vm的实例 在使用webpack构建Vue项目前,要先对webpack基本用法及简单的配置了解。 webpack基本用法 在webpack中配置Vue组件页面的解析 1、cnpm i vue -S 将Vue安装为运行依赖 2、...原创 2018-08-26 17:31:13 · 829 阅读 · 0 评论 -
运行报错 vue-loader was used without corrresponding plugin 原因
引入.vue文件,安装完vue-loader和vue-template-compiler后,在webpack.config.js中配置 { test:/\.vue$/, use: 'vue-loader' } 但是,运行报错: vue-loader was used without the corresponding plugin.Make sure to include VueLoa...原创 2018-08-26 17:10:21 · 530 阅读 · 0 评论 -
import Vue from 'vue' 默认导入的是vue.runtime.common.js
在利用webpack的Vue项目中,在main.js中使用import Vue from 'vue' 导入的Vue的包,功能不完善,只是提供了runtime-only的方式,并没有提供像在普通网页中使用Vue那样的功能完善。 包的查找规则 (1)在项目根目录中查找有没有node_modules 的文件夹 (2)在node_modules 中,根据包名,找对应的vue文件夹 (3)在vue文...原创 2018-08-26 17:19:40 · 6123 阅读 · 1 评论 -
结合webpack使用vue-router
结合webpack使用vue-router 1、cnpm i vue-router -S 2、在main.js中导入vue-router包,手动安装VueRouter import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); 3、在main.js中导入各个Vue组件 4、创建路由对象 ...原创 2018-08-26 21:55:38 · 2288 阅读 · 0 评论 -
使用vue-cli 2.x+webpack构建Vue项目
使用vue-cli 2.x+webpack构建Vue项目,需要全局安装: node.js windows下,直接在官网下载安装包,运行安装就可以了。NPM是随同NodeJS一起安装的包管理工具。 webpack npm i webpack webpack-cli -g vue-cli2.x npminstall-gvue-cli 另外,可以全局安装一下eslint、cn...原创 2018-09-02 12:59:02 · 1096 阅读 · 0 评论