
node+vue+webpack 集成
陈豪小可爱
生活需要操练起来了
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
node-webpack-vue--集成mint-ui-Toast
41:集成mint-ui网址:https://mint-ui.github.io/docs/#/zh-cn2/toastnpm i mint-ui -S2:在main.js 全局引入mint-uiimport MintUI from 'mint-ui'import 'mint-ui/lib/style.css'Vue.use(MintUI)3:引用mint-ui...原创 2020-04-01 10:39:45 · 160 阅读 · 0 评论 -
node+vue+webpack 集成 四
1:路由抽取router.js import VueRouter from 'vue-router'// 导入 Account 组件import account from './main/Account.vue'import goodslist from './main/GoodsList.vue'// 导入Account的两个子组件import login from '...原创 2020-03-30 15:31:47 · 149 阅读 · 0 评论 -
node+vue+webpack 集成 三
1:在webpack中配置.vue组件页面的解析 运行npm i vue -S将vue安装为运行依赖; 运行npm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖; 运行npm i style-loader css-loader -D将解析转换CSS的包安装为开发依赖,因为.vue文件中会写CSS样式;...原创 2020-03-30 15:18:07 · 200 阅读 · 0 评论 -
node+vue+webpack 集成 二
1:使用webpack打包css文件运行cnpm i style-loader css-loader --save-dev 修改webpack.config.js这个配置文件: module: { // 用来配置第三方loader模块的 rules: [ // 文件的匹配规则 { test: /\.css$/, use: ['style-loa...原创 2020-03-30 14:30:35 · 149 阅读 · 0 评论 -
node+vue+webpack 集成 一
1: 初始化项目,使用 npm管理项目中的包 命令-- npm init2:运行webpack 入口文件路径 输出路径,对main.js 进行处理。 命令-- webpack src/main.js -o dist/bundle.js3:使用webpack的配置文件简化打包时候的命令 3.1:创建webpack.config.js 代...原创 2020-03-30 13:37:40 · 233 阅读 · 0 评论