webpack配置

安装babel

# 安装babel,编译ES6语法

cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-plugin-transform-runtime babel-preset-stage-2

// 使用babel,编译ES6语法

{test: /.js$/, loader: 'babel?presets=es2015', exclude: /node_modules/ }

图片路径与打包

# 安装引入图片需要依赖url-loader的加载器

cnpm install --save-dev url-loader

{ test: /.(png|jpe?g|gif|svg)(?.*)?$/, loader: 'url', query: { limit: 10000, name: '[name].[hash:7].[ext]' } }

样式引入打包 scss文件编译

cnpm install --save-dev css-loader sass-loader cssnext-loader cnpm install --save-dev node-sass

// 打包引入样式

{ test: /.css$/, loader: "css-loader?sourceMap!cssnext-loader" },

// scss文件编译 { test: /.scss$/, loader: "css-loader?sourceMap!sass-loader!cssnext-loader" }

//推荐个vue全家桶  ，我也是刚clone下来，但是看了作者的效果图，感觉干货满满

vue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发，使用webpack构建工具编译打包项目http://www.vue-js.com/topic/58ae7fc2a9c1282817afc2e0

下载 && 启动

# 克隆项目
git clone https://github.com/vincentSea/vue2.x-Cnode.git
# 安装依赖
npm install
# 启动开发环境
npm run dev
# 打包项目
npm run build