環境：webpack3.10.0

webpack.config.js配置如下：

const path = require('path');

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {

entry: {

app: "./js/index.js"

},

module: {

loaders: [{

test:/\.html$/,

loader:"html-loader"

},

{

test:/\.css$/,

loader:"style-loader!css-loader"

},

{

test:/\.scss$/,

loader:"style-loader!css-loader!sass-loader!"

}

]

},

plugins:[new HtmlWebpackPlugin({

template:"./views/index.html"

})],

output: {

filename: "[name].js",

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

}

}

文件目錄：

報錯信息：

入口文件：

import './css/index.css';

console.log('hello world');

更新：

修改樣式文件路徑后index.css可以成功解析，但是換成index.scss后解析就失敗了。

報錯信息：

ERROR in ./js/index.js

Module not found: Error: Can't resolve '' in 'D:\onepage'

@ ./js/index.js 1:0-27

Child html-webpack-plugin for "index.html":

1 asset

[0] ./node_modules/html-webpack-plugin/lib/loader.js!./views/index.html 339 bytes {0} [built]

總結

以上是生活随笔為你收集整理的gmod的css模块放哪里,webpack打包css报错找不到模块？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。