Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var path = require('path')
- var webpack = require('webpack')
- module.exports = {
- entry: {
- app: './src/main.js',
- vendor: ['vue', 'axios', 'popper.js', 'pace', 'vue-router', 'jquery'],
- sass: './src/bootstrap.scss',
- },
- output: {
- path: path.resolve(__dirname, './dist'),
- publicPath: '/dist/',
- filename: '[name].js'
- },
- module: {
- rules: [
- {
- test: /.css$/,
- use: [
- 'vue-style-loader',
- 'css-loader'
- ],
- },
- {
- test: /.scss$/,
- use: [
- 'vue-style-loader',
- 'css-loader',
- 'sass-loader'
- ],
- },
- {
- test: /.sass$/,
- use: [
- 'vue-style-loader',
- 'css-loader',
- 'sass-loader?indentedSyntax'
- ],
- },
- {
- test: /.woff(2)?(?v=[0-9].[0-9].[0-9])?$/,
- use: [
- 'url-loader'
- ],
- },
- {
- test: /.(ttf|eot|svg)(?v=[0-9].[0-9].[0-9])?$/,
- use: [
- 'file-loader'
- ],
- },
- {
- test: /.vue$/,
- loader: 'vue-loader',
- options: {
- loaders: {
- // Since sass-loader (weirdly) has SCSS as its default parse mode, we map
- // the "scss" and "sass" values for the lang attribute to the right configs here.
- // other preprocessors should work out of the box, no loader config like this necessary.
- 'scss': [
- 'vue-style-loader',
- 'css-loader',
- 'sass-loader'
- ],
- 'sass': [
- 'vue-style-loader',
- 'css-loader',
- 'sass-loader?indentedSyntax'
- ]
- }
- // other vue-loader options go here
- }
- },
- {
- test: /.js$/,
- loader: 'babel-loader',
- exclude: /node_modules/
- },
- {
- test: /.(png|jpg|gif|svg)$/,
- loader: 'file-loader',
- options: {
- name: '[name].[ext]?[hash]'
- }
- }
- ]
- },
- resolve: {
- alias: {
- 'vue$': 'vue/dist/vue.esm.js'
- },
- extensions: ['*', '.js', '.vue', '.json']
- },
- plugins: [
- new webpack.optimize.CommonsChunkPlugin({
- names: ['vendor']
- })
- ],
- 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
- })
- ])
- }
Add Comment
Please, Sign In to add comment