1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- const path = require('path')
-
- module.exports = {
- entry: './src/main.js',
- output: {
- path: path.resolve(__dirname, './dist'),
- publicPath: '/dist/',
- filename: 'build.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: /\.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']
- }
- }
|