summaryrefslogtreecommitdiffstats
path: root/settings/webpack.common.js
diff options
context:
space:
mode:
Diffstat (limited to 'settings/webpack.common.js')
-rw-r--r--settings/webpack.common.js77
1 files changed, 77 insertions, 0 deletions
diff --git a/settings/webpack.common.js b/settings/webpack.common.js
new file mode 100644
index 00000000000..8810c302448
--- /dev/null
+++ b/settings/webpack.common.js
@@ -0,0 +1,77 @@
+const path = require('path')
+
+module.exports = {
+ entry: './src/main.js',
+ output: {
+ path: path.resolve(__dirname, './js'),
+ publicPath: '/dist/',
+ filename: 'main.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']
+ }
+}