附上webpack.config.js的代码:
const path = require('path')
const htmlWebpackPlugin = require('html-webpack-plugin')
const webpackPlubin = new htmlWebpackPlugin({
template: `./src/index.html`,
filename: 'index.html'
})
const vueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports = {
//编译模式
mode: "development", //写代码的时候用development 上线的时候用production
entry: path.join(__dirname,'src/index.js'),
output: {
path: path.join(__dirname,'./dist/'),
filename: "bundle.js"
},
plugins: [webpackPlubin , new htmlWebpackPlugin()],
module: {
rules: [
//注意:正则表达式不要加 ''
{test:/\.css$/, use: ['style-loader','css-loader','postcss-loader']},
{test: /\.less$/, use: ['style-loader','css-loader','less-loader']},
{test: /\.scss$/, use: ['style-loader','css-loader','sass-loader']},
{test: /\.vue$/, use: ['vue-loader']}
]
}
}
安装webpack、降低node版本、删除node-modules文件夹重新npm install都不行