From 36fa7c6c18ca5aab2aa335fa49154eeb90700942 Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Wed, 1 Mar 2017 10:31:17 +0800
Subject: [PATCH] update webpack config of test
---
build/webpack.dev.config.js | 101 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------
1 file changed, 75 insertions(+), 26 deletions(-)
diff --git a/build/webpack.dev.config.js b/build/webpack.dev.config.js
index ced5487..2f356e9 100644
--- a/build/webpack.dev.config.js
+++ b/build/webpack.dev.config.js
@@ -21,41 +21,90 @@ module.exports = {
},
// 加载器
module: {
- loaders: [
- { test: /\.vue$/, loader: 'vue' },
- { test: /\.js$/, loader: 'babel', exclude: /node_modules/ },
- { test: /\.css$/, loader: 'style!css!autoprefixer'},
- { test: /\.less$/, loader: 'style!css!less' },
- { test: /\.scss$/, loader: 'style!css!sass?sourceMap'},
+ // https://doc.webpack-china.org/guides/migrating/#module-loaders-module-rules
+ rules: [
+ {
+ // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+ test: /\.vue$/,
+ loader: 'vue-loader',
+ options: {
+ loaders: {
+ css: ExtractTextPlugin.extract({
+ use: 'css-loader',
+ fallback: 'vue-style-loader' // <- this is a dep of vue-loader, so no need to explicitly install if using npm3
+ })
+ },
+ postLoaders: {
+ html: 'babel-loader'
+ }
+ }
+ },
+ // { test: /\.vue$/, loader: 'vue' },
+ // Module build failed: Error: The node API for `babel` has been moved to `babel-core`.
+ // https://github.com/babel/babel-loader/blob/master/README.md#the-node-api-for-babel-has-been-moved-to-babel-core
+ {
+ test: /\.js$/,
+ loader: 'babel-loader', exclude: /node_modules/
+ },
+ {
+ test: /\.css$/,
+ use: [
+ 'style-loader',
+ 'css-loader',
+ 'autoprefixer-loader'
+ ]
+ },
+ {
+ test: /\.less$/,
+ use: [
+ 'style-loader',
+ 'css-loader',
+ 'less-loader'
+ ]
+ // loader: 'style!css!less'
+ },
+ {
+ test: /\.scss$/,
+ use: [
+ 'style-loader',
+ 'css-loader',
+ 'sass-loader?sourceMap'
+ ]
+ // loader: 'style!css!sass?sourceMap'
+ },
{ test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=8192'},
{ test: /\.(html|tpl)$/, loader: 'html-loader' }
]
},
- vue: {
- loaders: {
- css: ExtractTextPlugin.extract(
- "style-loader",
- "css-loader?sourceMap",
- {
- publicPath: "/test/dist/"
- }
- ),
- less: ExtractTextPlugin.extract(
- 'vue-style-loader',
- 'css-loader!less-loader'
- ),
- js: 'babel'
- }
- },
+ // vue: {
+ // loaders: {
+ // css: ExtractTextPlugin.extract(
+ // "style-loader",
+ // "css-loader?sourceMap",
+ // {
+ // publicPath: "/test/dist/"
+ // }
+ // ),
+ // less: ExtractTextPlugin.extract(
+ // 'vue-style-loader',
+ // 'css-loader!less-loader'
+ // ),
+ // js: 'babel'
+ // }
+ // },
resolve: {
// require时省略的扩展名，如：require('module') 不需要module.js
- extensions: ['', '.js', '.vue'],
+ extensions: ['.js', '.vue'],
alias: {
- iview: '../../src/index'
+ iview: '../../src/index',
+ vue: 'vue/dist/vue.js'
}
},
plugins: [
- new ExtractTextPlugin("[name].css",{ allChunks : true,resolve : ['modules'] }), // 提取CSS
- new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'), // 提取第三方库
+ new ExtractTextPlugin({ filename: '[name].css', disable: false, allChunks: true }),
+ // new ExtractTextPlugin("[name].css",{ allChunks : true,resolve : ['modules'] }), // 提取CSS
+ // https://doc.webpack-china.org/plugins/commons-chunk-plugin/
+ new webpack.optimize.CommonsChunkPlugin({ name: 'vendors', filename: 'vendor.bundle.js' })
+ // new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'), // 提取第三方库
]
};
--
libgit2 0.21.4