You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
2.5 KiB
80 lines
2.5 KiB
4 years ago
|
const path = require('path');
|
||
|
|
const webpack = require('webpack');
|
||
|
|
const ExtractTextPlugin = require('extract-text-webpack-plugin');
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
entry: {
|
||
|
|
main: './src/main',
|
||
|
|
vendors: './src/vendors'
|
||
|
|
},
|
||
|
|
output: {
|
||
|
|
path: path.join(__dirname, './dist')
|
||
|
|
},
|
||
|
|
module: {
|
||
|
|
rules: [
|
||
|
|
{
|
||
|
|
test: /\.vue$/,
|
||
|
|
use: [
|
||
|
|
{
|
||
|
|
loader: 'vue-loader',
|
||
|
|
options: {
|
||
|
|
loaders: {
|
||
|
|
less: ExtractTextPlugin.extract({
|
||
|
|
use: ['css-loader?minimize', 'autoprefixer-loader', 'less-loader'],
|
||
|
|
fallback: 'vue-style-loader'
|
||
|
|
}),
|
||
|
|
css: ExtractTextPlugin.extract({
|
||
|
|
use: ['css-loader', 'autoprefixer-loader', 'less-loader'],
|
||
|
|
fallback: 'vue-style-loader'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
loader: 'iview-loader',
|
||
|
|
options: {
|
||
|
|
prefix: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /iview\/.*?js$/,
|
||
|
|
loader: 'babel-loader'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.js$/,
|
||
|
|
loader: 'babel-loader',
|
||
|
|
exclude: /node_modules/
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.css$/,
|
||
|
|
use: ExtractTextPlugin.extract({
|
||
|
|
use: ['css-loader?minimize', 'autoprefixer-loader'],
|
||
|
|
fallback: 'style-loader'
|
||
|
|
})
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.less/,
|
||
|
|
use: ExtractTextPlugin.extract({
|
||
|
|
use: ['css-loader?minimize', 'autoprefixer-loader', 'less-loader'],
|
||
|
|
fallback: 'style-loader'
|
||
|
|
})
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,
|
||
|
|
loader: 'url-loader?limit=1024'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.(html|tpl)$/,
|
||
|
|
loader: 'html-loader'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
resolve: {
|
||
|
|
extensions: ['.js', '.vue'],
|
||
|
|
alias: {
|
||
|
|
'vue': 'vue/dist/vue.esm.js'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|