1
我很想用webpack導入一個css文件。我一直得到這個錯誤:Webpack沒有找到我的css文件
ERROR in ./index.js
Module not found: Error: Cannot resolve 'file' or 'directory' ../style/style.css in c:\developement\prja/app
@ ./index.js 11:0-29
我嘗試了style.css的各種路徑。像'css!../style/style.css'
,'/style/style.css'
或'./style/style.css'
但它們都不起作用。我也嘗試使用require而不是import。但我不斷收到相同的錯誤信息。
任何想法?
我index.js切入點文件看起來是這樣的:
import 'expose?$!expose?jQuery!jquery';
import angular from 'angular';
import 'bootstrap-webpack';
import '../style/style.css';
var ngModule = angular.module('app', []);
的,這是我webpack.config.js:
module.exports = {
context: __dirname + '/app',
entry: './index.js',
output: {
path: __dirname + '/app',
filename: 'bundle.js'
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader"
},
{
test: /\.css$/,
loader: 'style-loader!css-loader'
},
{test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/font-woff'},
{test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/octet-stream'},
{test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file'},
{test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=image/svg+xml'}
]
}
};
這是我的文件sctructure:
| lighthouse.iml
| package.json
| webpack.config.js
|
+---app
| index.html
| index.js
|
\---style
style.css
因爲你的'context:__dirname +'/ app''。在這種情況下,webpack總是開始查看你的'/ app'文件夾。解決方案將您的樣式文件夾移動到應用程序或從上下文屬性中刪除'/ app' –
謝謝,解決了這個問題。隨意添加這個答案,以便我可以接受它。 – BetaRide