鍍金池/ 問答/Linux  HTML/ webpack npm css文件解析出錯?

webpack npm css文件解析出錯?

這是我的配置文件

const path=require('path');

module.exports={

    entry:'./src/index.js',

    output:{

        filename:"bundle.js",

        path:path.resolve(__dirname,'dist')

    },

    module:{

        rules:[

            {

                test:'/\.css$/',

                use:[

                    'style-loader',

                    'css-loader'

                ]

            }    

        ]

    }

};

這是配置和依賴的插件配置

{

  "name": "webpack-demo",

  "version": "1.0.0",

  "description": "",

  "main": "webpack.config.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1",

    "build": "webpack"

  },

  "keywords": [],

  "author": "",

  "license": "ISC",

  "dependencies": {

    "lodash": "^4.17.4"

  },

  "devDependencies": {

    "css-loader": "^0.28.7",

    "style-loader": "^0.19.0"

  }

}

我使用 npm run build 進行打包但是出現(xiàn)如下錯誤不知道問題出到哪里了 希望哪位大牛能給幫忙解決一下,在此謝謝了?。?!圖片描述

回答
編輯回答
夏木

改成 test: /\.css$/, 這里是正則匹配以css結(jié)尾的文件

2018年5月26日 09:54
編輯回答
伴謊
test:'/\.css$/'

這里不要單引號

2018年7月29日 12:50