91 lines
1.9 KiB
JavaScript
91 lines
1.9 KiB
JavaScript
const path = require('path');
|
|
const webpack = require('webpack');
|
|
const { VueLoaderPlugin } = require('vue-loader')
|
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
|
|
|
|
module.exports = {
|
|
/* experiments: {
|
|
asset: true
|
|
},*/
|
|
entry: {
|
|
app: './src/index.js',
|
|
appSettings: './src/settings.js'
|
|
},
|
|
devtool: "source-map",
|
|
output: {
|
|
path: path.resolve(__dirname, 'js'),
|
|
filename: '[name].js',
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.(js)$/,
|
|
exclude: /node_modules/,
|
|
use: {
|
|
loader: 'babel-loader',
|
|
options: {
|
|
presets: ['@babel/preset-env']
|
|
}
|
|
}
|
|
},
|
|
{
|
|
test: /\.s?[ac]ss$/i,
|
|
use: [
|
|
//Create standalone css files
|
|
MiniCssExtractPlugin.loader,
|
|
// Creates `style` nodes from JS strings
|
|
// "style-loader",
|
|
// Translates CSS into CommonJS
|
|
"css-loader",
|
|
// Compiles Sass to CSS
|
|
"sass-loader",
|
|
],
|
|
},
|
|
{
|
|
test: /\.svg$/,
|
|
use: 'svgo-loader',
|
|
type: 'asset'
|
|
},
|
|
{
|
|
test: /\.vue$/,
|
|
use: 'vue-loader'
|
|
},
|
|
/*{ test: /\.css$/, use: ['vue-style-loader', 'css-loader'] },*/
|
|
{
|
|
test: /\.tsx?$/,
|
|
use: 'ts-loader',
|
|
exclude: /node_modules/,
|
|
},
|
|
]
|
|
},
|
|
resolve: {
|
|
extensions: [
|
|
'.tsx',
|
|
'.ts',
|
|
'.js',
|
|
'.jsx',
|
|
'.vue',
|
|
'.json',
|
|
],
|
|
alias: {
|
|
/* vue: 'vue/dist/vue.esm-bundler.js'*/
|
|
assets: path.resolve(__dirname, 'img')
|
|
},
|
|
},
|
|
plugins: [
|
|
new VueLoaderPlugin(),
|
|
new webpack.ProvidePlugin({
|
|
$: "jquery",
|
|
jquery: "jQuery",
|
|
"window.jQuery": "jquery"
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename: '../css/[name].css',
|
|
}),
|
|
],
|
|
externals: {
|
|
jquery: 'jQuery',
|
|
OC: "OC"
|
|
},
|
|
}; |