| 1 |
const path = require('path'); |
| 2 |
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin'); |
| 3 |
const MiniCssExtractPlugin = require('mini-css-extract-plugin'); |
| 4 |
const TerserPlugin = require('terser-webpack-plugin'); |
| 5 |
const { VueLoaderPlugin } = require('vue-loader'); |
| 6 |
const webpack = require('webpack'); |
| 7 |
|
| 8 |
// Change this to fit your project structure |
| 9 |
const outputPath = './dist/'; |
| 10 |
|
| 11 |
module.exports = { |
| 12 |
entry: `./src/main.ts`, |
| 13 |
output: { |
| 14 |
path: path.resolve(__dirname, outputPath), |
| 15 |
filename: '[name].min.js' |
| 16 |
}, |
| 17 |
module: { |
| 18 |
rules: [ |
| 19 |
{ |
| 20 |
test: /\.vue$/, |
| 21 |
loader: 'vue-loader', |
| 22 |
options: { |
| 23 |
compilerOptions: { |
| 24 |
isCustomElement: (tag) => tag.startsWith('hp-') |
| 25 |
} |
| 26 |
} |
| 27 |
}, |
| 28 |
{ |
| 29 |
test: /\.ts$/, |
| 30 |
loader: 'ts-loader', |
| 31 |
options: { |
| 32 |
appendTsSuffixTo: [/\.vue$/], |
| 33 |
transpileOnly: true |
| 34 |
}, |
| 35 |
exclude: /node_modules/ |
| 36 |
}, |
| 37 |
{ |
| 38 |
test: /\.s?[c]ss$/i, |
| 39 |
use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'] |
| 40 |
}, |
| 41 |
{ |
| 42 |
test: /\.(jpg|jpeg|png|gif|woff|woff2|eot|ttf|svg)$/i, |
| 43 |
use: 'url-loader?limit=2048' |
| 44 |
} |
| 45 |
] |
| 46 |
}, |
| 47 |
optimization: { |
| 48 |
minimizer: [ |
| 49 |
new CssMinimizerPlugin(), |
| 50 |
new TerserPlugin({ |
| 51 |
terserOptions: { |
| 52 |
compress: { |
| 53 |
drop_console: true |
| 54 |
} |
| 55 |
} |
| 56 |
}) |
| 57 |
] |
| 58 |
}, |
| 59 |
plugins: [ |
| 60 |
new VueLoaderPlugin(), |
| 61 |
new MiniCssExtractPlugin({ |
| 62 |
filename: '[name].min.css' |
| 63 |
}), |
| 64 |
// new webpack.HotModuleReplacementPlugin(), |
| 65 |
new webpack.DefinePlugin({ |
| 66 |
__VUE_OPTIONS_API__: true, |
| 67 |
__VUE_PROD_DEVTOOLS__: false |
| 68 |
}) |
| 69 |
], |
| 70 |
resolve: { |
| 71 |
extensions: ['.ts', '.tsx', '.js', '.vue'], |
| 72 |
alias: { |
| 73 |
'@': path.resolve(__dirname, 'src/'), |
| 74 |
} |
| 75 |
} |
| 76 |
}; |
