|
|
@@ -1,6 +1,7 @@
|
|
|
const path = require('path');
|
|
|
const HtmlWebpackPlugin = require("html-webpack-plugin");
|
|
|
const {CleanWebpackPlugin} = require("clean-webpack-plugin");
|
|
|
+const VueLoaderPlugin = require("vue-loader/lib/plugin");
|
|
|
|
|
|
const config = {
|
|
|
mode: 'development',
|
|
|
@@ -16,10 +17,15 @@ const config = {
|
|
|
template: path.resolve(__dirname, './src/public/index.html')
|
|
|
}),
|
|
|
// 清除 dist 的插件
|
|
|
- new CleanWebpackPlugin()
|
|
|
+ new CleanWebpackPlugin(),
|
|
|
+ new VueLoaderPlugin()
|
|
|
],
|
|
|
module: {
|
|
|
rules: [
|
|
|
+ {
|
|
|
+ test: /\.vue$/,
|
|
|
+ use: ['vue-loader']
|
|
|
+ },
|
|
|
// 转为 es5 语法，兼容更多浏览器
|
|
|
{
|
|
|
test: /\.js$/,
|
|
|
@@ -36,7 +42,7 @@ const config = {
|
|
|
// css 打包
|
|
|
{
|
|
|
test: /\.css$/,
|
|
|
- use: ['style-loader', 'css-loader']
|
|
|
+ use: ['vue-style-loader', 'css-loader']
|
|
|
},
|
|
|
// 设置 limit，如果超过限制，使用 file-loader 打包
|
|
|
{
|
