一套自己封装的简单脚手架！

用vue做项目时是不是总是遇到用git bash 安装如下的东西？

普通webpack安装git命令:
cnpm install webpack webpack-cli -D
cnpm install html-webpack-plugin -D
cnpm install -D style-loader css-loader sass-loader node-sass
cnpm install --save-dev @babel/core babel-loader @babel/preset-env @babel/preset-react
cnpm install -D url-loader file-loader
cnpm install webpack-dev-server -D
cnpm install -D vue-loader vue-template-compiler
cnpm install vue -S

axios安装：
cnpm install axios -S

router安装:
cnpm install vue-router -S

脚手架安装：
cnpm install @vue/cli -g

vueX的安装：
cnpm install vuex --save
swiper的安装：
cnpm install swiper -S

此外，还有还有webpack.config.vue 配置的烦扰？那么这个时候如果多人开发vue的项目时，简单的封装可以从这儿开始！

 

const path = require("path");

//https://m.ximalaya.com/revision/seo/getTdk?typeName=OTHER&uri=%2F&tdkType=wap

 

module.exports = {

devServer:{

open:true,

proxy:{

"/abc":{

target:"https://m.ximalaya.com",

changeOrigin:true,

 

pathRewrite:{

"^/abc":""

}

 

}

}

}

},

configureWebpack:{

resolve:{

alias: {

"@":path.resolve(__dirname,"./src/"),

"common":path.resolve(__dirname,"./src/common"),

 

"hu_component":path.resolve(__dirname,"./src/components/hu_component"),

"lai_component":path.resolve(__dirname,"./src/components/lai_component"),

"xue_component":path.resolve(__dirname,"./src/components/xue_component"),

 

"hu_router":path.resolve(__dirname,"./src/router/hu_router"),

"lai_router":path.resolve(__dirname,"./src/router/lai_router"),

"xue_router":path.resolve(__dirname,"./src/router/xue_router"),

 

"hu_store":path.resolve(__dirname,"./src/store/hu_store"),

"lai_store":path.resolve(__dirname,"./src/store/lai_store"),

"xue_store":path.resolve(__dirname,"./src/store/xue_store"),

 

"utils":path.resolve(__dirname,"./src/utils"),

 

"hu_view":path.resolve(__dirname,"./src/views/hu_view"),

"lai_view":path.resolve(__dirname,"./src/views/lai_view"),

"xue_view":path.resolve(__dirname,"./src/views/xue_view"),

 

"api":path.resolve(__dirname,"./src/api")

}

 

}

}

}