![](https://img-blog.csdnimg.cn/20190924115016192.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
webpack
我排着队拿着前端号码牌
Just do IT!
展开
-
webpack
1.什么是webpack webpack 是前端的一个项目构建工具,它是基于 Node.js 开发出来的一个前端工具; 借助于webpack这个前端自动化构建工具,可以完美实现资源的合并、打包、压缩、混淆等诸多功能。 2.webpack的安装 全局安装终端运行npm i webpack -g这样就可以在全局使用webpack的命令了 项目安装(推荐) 项目目录结构: 文件夹 dist(打包的出口...原创 2019-09-19 20:11:13 · 139 阅读 · 0 评论 -
使用webpack渲染vue
1.使用.vue后缀的文件定义组件 结构 <template> <div> </div> </template> <script> export default { }; </script> <style lang=""> </style> template:只有一个根节...原创 2019-09-20 23:36:55 · 165 阅读 · 0 评论 -
Mint UI的使用
安装 npm i mint-ui -S 可以整个引入或仅引入需要的组件 完整引入(书写在main.js中) import Vue from 'vue' import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' import App from './App.vue' Vue.use(MintUI) new Vue({ el: ...原创 2019-09-23 20:50:45 · 205 阅读 · 0 评论 -
webpack中使用路由
VueRouter官网 安装 npm i vue-router 把路由模块安装到Vue main.js import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter) 创建路由实例 写一个单独的路由配置总文件作为路由模块router.js,导入到main.js中,记得挂载到Vue实例中router ...原创 2019-09-24 21:43:09 · 709 阅读 · 0 评论