2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-19 09:50:33 +03:00
- express
- gitbook
- json-loader
- markdown-loader
- normalize.css
- prismjs
- vue-resource
This commit is contained in:
Jeff
2019-02-16 13:16:00 -08:00
parent a07cb4175f
commit 4d7d576008
9 changed files with 66 additions and 563 deletions
+32 -49
View File
@@ -1,19 +1,25 @@
var webpack = require('webpack')
var VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
var MiniCssExtractPlugin = require('mini-css-extract-plugin')
var path = require('path')
var chokidar = require('chokidar');
const path = require('path');
const webpack = require('webpack');
const chokidar = require('chokidar');
const VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const env = process.env.NODE_ENV === 'production' ? 'production' : 'development';
const env = process.env.NODE_ENV === 'production'
? 'production'
: 'development';
const extractOrInjectStyles = process.env.NODE_ENV !== 'production'
? 'vue-style-loader'
: MiniCssExtractPlugin.loader;
module.exports = {
mode: env,
output: {
path: path.resolve(__dirname, '../dist'),
publicPath: '/',
filename: '[name].js'
filename: '[name].js',
},
devtool: env === 'production' ? 'source-map' : 'eval-source-map',
// devtool: env === 'production' ? 'source-map' : 'eval-source-map',
resolve: {
extensions: ['.js', '.vue'],
alias: {
@@ -21,78 +27,55 @@ module.exports = {
'assets': path.resolve(__dirname, '../docs/assets'),
'mixins': path.resolve(__dirname, '../src/mixins'),
'components': path.resolve(__dirname, '../src/components'),
'docs': path.resolve(__dirname, '../docs'),
'vue$': 'vue/dist/vue.esm.js'
}
'vue$': 'vue/dist/vue.esm.js',
},
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader'
loader: 'vue-loader',
},
{
test: /\.js$/,
loader: 'babel-loader',
include: path.resolve(__dirname, '../'),
exclude: /node_modules/
},
{
test: /\.json$/,
loader: 'json-loader'
exclude: /node_modules/,
},
{
test: /\.s?css$/,
use: [
process.env.NODE_ENV !== 'production'
? 'vue-style-loader'
: MiniCssExtractPlugin.loader,
extractOrInjectStyles,
'css-loader',
'sass-loader'
]
'sass-loader',
],
},
{
test: /\.html$/,
loader: 'vue-html-loader'
loader: 'vue-html-loader',
},
{
test: /\.(png|jpe?g|gif)(\?.*)?$/,
loader: 'url',
query: {
limit: 10000,
name: 'img/[name].[hash:7].[ext]'
}
},
{
test: /\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/,
loader: 'url',
query: {
limit: 10000,
name: 'fonts/[name].[hash:7].[ext]'
}
}
]
],
},
plugins: [
new webpack.DefinePlugin({
'process.env': env
'process.env': env,
}),
new MiniCssExtractPlugin({
filename: 'vue-select.css'
filename: 'vue-select.css',
}),
new VueLoaderPlugin()
new VueLoaderPlugin(),
],
devServer: {
hot: true,
hotOnly: true,
inline: true,
port: 8080,
before(app, server) {
before (app, server) {
chokidar.watch([
'./**/*.html'
'./**/*.html',
]).on('all', function () {
server.sockWrite(server.sockets, 'content-changed');
})
}
}
}
});
},
},
};