91 lines
2.1 KiB
JavaScript
91 lines
2.1 KiB
JavaScript
|
var path = require('path')
|
||
|
|
var webpack = require('webpack')
|
||
|
|
var ExtractTextPlugin = require("extract-text-webpack-plugin");
|
||
|
|
module.exports = {
|
||
|
|
//entry: './src/main.js',
|
||
|
|
entry:'./src/lib/index.js',
|
||
|
|
output: {
|
||
|
|
path: path.resolve(__dirname, './dist'),
|
||
|
|
publicPath: '/dist/',
|
||
|
|
filename: 'vue-photo-preview.js',
|
||
|
|
library: 'vue-photo-preview',
|
||
|
|
libraryTarget: 'umd',
|
||
|
|
umdNamedDefine: true
|
||
|
|
},
|
||
|
|
module: {
|
||
|
|
rules: [
|
||
|
|
{
|
||
|
|
test: /\.vue$/,
|
||
|
|
loader: 'vue-loader',
|
||
|
|
options: {
|
||
|
|
loaders: {
|
||
|
|
css: ExtractTextPlugin.extract({
|
||
|
|
use: ['css-loader', 'autoprefixer-loader'],
|
||
|
|
fallback: 'vue-style-loader',
|
||
|
|
})
|
||
|
|
}
|
||
|
|
// other vue-loader options go here
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.js$/,
|
||
|
|
loader: 'babel-loader',
|
||
|
|
exclude: /node_modules/
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.css$/,
|
||
|
|
use: ExtractTextPlugin.extract({
|
||
|
|
use: ['css-loader?minimize', 'autoprefixer-loader','resolve-url-loader'],
|
||
|
|
fallback: 'style-loader',
|
||
|
|
})
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.(png|jpg|gif|svg)$/,
|
||
|
|
loader: 'file-loader',
|
||
|
|
options: {
|
||
|
|
name: 'photo-preview-skin/[name].[ext]',
|
||
|
|
publicPath:'./'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
plugins:[
|
||
|
|
new ExtractTextPlugin('skin.css'),
|
||
|
|
],
|
||
|
|
resolve: {
|
||
|
|
alias: {
|
||
|
|
'vue$': 'vue/dist/vue.esm.js'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
devServer: {
|
||
|
|
historyApiFallback: true,
|
||
|
|
noInfo: true,
|
||
|
|
overlay: true
|
||
|
|
},
|
||
|
|
performance: {
|
||
|
|
hints: false
|
||
|
|
},
|
||
|
|
devtool: '#eval-source-map'
|
||
|
|
}
|
||
|
|
|
||
|
|
if (process.env.NODE_ENV === 'production') {
|
||
|
|
module.exports.devtool = '#source-map'
|
||
|
|
// http://vue-loader.vuejs.org/en/workflow/production.html
|
||
|
|
module.exports.plugins = (module.exports.plugins || []).concat([
|
||
|
|
new webpack.DefinePlugin({
|
||
|
|
'process.env': {
|
||
|
|
NODE_ENV: '"production"'
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
new webpack.optimize.UglifyJsPlugin({
|
||
|
|
sourceMap: true,
|
||
|
|
compress: {
|
||
|
|
warnings: false
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
new webpack.LoaderOptionsPlugin({
|
||
|
|
minimize: true
|
||
|
|
})
|
||
|
|
])
|
||
|
|
}
|