关于项目
vue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发,使用webpack构建工具编译打包项目http://www.vue-js.com/topic/58ae7fc2a9c1282817afc2e0
如果此开源项目对大家学习vue的全家桶有帮助,请给我一个star,因为你的star让我觉得这个开源有了价值!
vue1.x 项目
基于vue1.x已上线积分购项目
下载 && 启动
项目目录
webpack 配置
本项目是参考vue-cli快速构建项目,自己搭建项目。后续会改成webpack2.x的版本
安装babel
// 使用babel,编译ES6语法
{
test: /\.js$/,
loader: 'babel?presets=es2015',
exclude: /node_modules/
}
图片路径与打包
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url',
query: {
limit: 10000,
name: '[name].[hash:7].[ext]'
}
}
样式引入打包 scss文件编译
// 打包引入样式
{
test: /\.css$/,
loader: "css-loader?sourceMap!cssnext-loader"
},
// scss文件编译
{
test: /\.scss$/,
loader: "css-loader?sourceMap!sass-loader!cssnext-loader"
}