[change] optimize the webapack config
[change] rename test to examples
This commit is contained in:
huixisheng
parent
c06e99d09f
commit
c9c5e751ae
47 changed files with 81 additions and 128 deletions
60
build/webpack.base.config.js
Normal file
60
build/webpack.base.config.js
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
/**
|
||||
* 公共配置
|
||||
*/
|
||||
var webpack = require('webpack');
|
||||
|
||||
module.exports = {
|
||||
// 加载器
|
||||
module: {
|
||||
// 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: 'vue-style-loader!css-loader',
|
||||
less: 'vue-style-loader!css-loader!less-loader'
|
||||
},
|
||||
postLoaders: {
|
||||
html: 'babel-loader'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
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'
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
use: [
|
||||
'style-loader',
|
||||
'css-loader',
|
||||
'sass-loader?sourceMap'
|
||||
]
|
||||
},
|
||||
{ test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=8192'},
|
||||
{ test: /\.(html|tpl)$/, loader: 'html-loader' }
|
||||
]
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.js', '.vue']
|
||||
}
|
||||
};
|
||||
|
|
@ -6,109 +6,35 @@ var path = require('path');
|
|||
var webpack = require('webpack');
|
||||
// var ExtractTextPlugin = require('extract-text-webpack-plugin');
|
||||
var HtmlWebpackPlugin = require('html-webpack-plugin');
|
||||
var merge = require('webpack-merge')
|
||||
var webpackBaseConfig = require('./webpack.base.config.js');
|
||||
|
||||
module.exports = {
|
||||
|
||||
module.exports = merge(webpackBaseConfig, {
|
||||
// 入口
|
||||
entry: {
|
||||
main: './test/main',
|
||||
main: './examples/main',
|
||||
vendors: ['vue', 'vue-router']
|
||||
},
|
||||
// 输出
|
||||
output: {
|
||||
path: path.join(__dirname, '../test/dist'),
|
||||
path: path.join(__dirname, '../examples/dist'),
|
||||
publicPath: '',
|
||||
filename: '[name].js',
|
||||
chunkFilename: '[name].chunk.js'
|
||||
},
|
||||
// 加载器
|
||||
module: {
|
||||
// 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: 'vue-style-loader!css-loader',
|
||||
less: 'vue-style-loader!css-loader!less-loader'
|
||||
},
|
||||
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'
|
||||
// }
|
||||
// },
|
||||
resolve: {
|
||||
// require时省略的扩展名，如：require('module') 不需要module.js
|
||||
extensions: ['.js', '.vue'],
|
||||
alias: {
|
||||
iview: '../../src/index',
|
||||
vue: 'vue/dist/vue.js'
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
// 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 HtmlWebpackPlugin({
|
||||
inject: true,
|
||||
filename: path.join(__dirname, '../test/dist/index.html'),
|
||||
template: path.join(__dirname, '../test/index.html') // 模版文件
|
||||
filename: path.join(__dirname, '../examples/dist/index.html'),
|
||||
template: path.join(__dirname, '../examples/index.html')
|
||||
})
|
||||
// new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'), // 提取第三方库
|
||||
]
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
var path = require('path');
|
||||
var webpack = require('webpack');
|
||||
var merge = require('webpack-merge')
|
||||
var webpackBaseConfig = require('./webpack.base.config.js');
|
||||
|
||||
module.exports = {
|
||||
module.exports = merge(webpackBaseConfig, {
|
||||
entry: {
|
||||
main: './src/index.js'
|
||||
},
|
||||
|
|
@ -21,26 +23,6 @@ module.exports = {
|
|||
amd: 'vue'
|
||||
}
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.js', '.vue']
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader',
|
||||
options: {
|
||||
postLoaders: {
|
||||
html: 'babel-loader'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.js$/,
|
||||
loader: 'babel-loader', exclude: /node_modules/
|
||||
}
|
||||
]
|
||||
},
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
|
|
@ -48,4 +30,4 @@ module.exports = {
|
|||
}
|
||||
})
|
||||
]
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,7 +1,11 @@
|
|||
var path = require('path');
|
||||
var webpack = require('webpack');
|
||||
var merge = require('webpack-merge')
|
||||
var webpackBaseConfig = require('./webpack.base.config.js');
|
||||
|
||||
module.exports = {
|
||||
|
||||
|
||||
module.exports = merge(webpackBaseConfig, {
|
||||
entry: {
|
||||
main: './src/index.js'
|
||||
},
|
||||
|
|
@ -21,26 +25,6 @@ module.exports = {
|
|||
amd: 'vue'
|
||||
}
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.js', '.vue']
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader',
|
||||
options: {
|
||||
postLoaders: {
|
||||
html: 'babel-loader'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.js$/,
|
||||
loader: 'babel-loader', exclude: /node_modules/
|
||||
}
|
||||
]
|
||||
},
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
|
|
@ -53,4 +37,4 @@ module.exports = {
|
|||
}
|
||||
})
|
||||
]
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -78,6 +78,7 @@
|
|||
"vue-style-loader": "^1.0.0",
|
||||
"vue-template-compiler": "^2.2.1",
|
||||
"webpack": "^2.2.1",
|
||||
"webpack-dev-server": "^2.4.1"
|
||||
"webpack-dev-server": "^2.4.1",
|
||||
"webpack-merge": "^3.0.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
0
test
Normal file
0
test
Normal file
Loading…
Add table
Reference in a new issue