You may need an appropriate loader to handle this file type

在使用npm run build的过程中报的错,原因其实是webpack.config.js文件没有配置好。


image.png

由报错内容可以知道,可能是安装style-loader和css-loader之后,没有在webpack.config.js进行配置出错

const path = require('path')
const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
module.exports = {
    entry: path.join(__dirname,'./src/index.js'), //入口文件
    output: {
        filename:'bundle.js',
        path:path.join(__dirname,'dist')
    },
    module:{
        rules:[
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            },
            {
              test: /\.css$/,
              use: [
                'style-loader',
                'css-loader'
              ]
            }
        ]
    },
    plugins: [
        new VueLoaderPlugin()
    ]    
}

设置完之后再进行npm run build就不会报错了

你可能感兴趣的:(You may need an appropriate loader to handle this file type)