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就不会报错了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容