网页包找不到我的css文件

网页包找不到我的css文件,css,import,webpack,Css,Import,Webpack,我正在努力用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'或。/st

我正在努力用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'}
        ]
    }

};
这是我的文件结构:

|   lighthouse.iml
|   package.json
|   webpack.config.js
|   
+---app
|       index.html
|       index.js      
|               
\---style
        style.css

您的问题与
上下文
属性和文件结构有关

context
-用于解析条目选项的基本目录(绝对路径!)。换句话说,这是
webpack
开始查看应用程序的文件夹。以下是修复此问题的两种方法:

  • context
    属性->
    context:\uu dirname
    中删除
    /app
    ,或者您甚至可以从weblack.config文件中删除
    context

  • 将样式文件夹移动到应用程序文件夹中


  • 谢谢

    您的问题与
    上下文
    属性和您的文件结构有关

    context
    -用于解析条目选项的基本目录(绝对路径!)。换句话说,这是
    webpack
    开始查看应用程序的文件夹。以下是修复此问题的两种方法:

  • context
    属性->
    context:\uu dirname
    中删除
    /app
    ,或者您甚至可以从weblack.config文件中删除
    context

  • 将样式文件夹移动到应用程序文件夹中


  • 谢谢

    由于您的
    上下文:\uu dirname+'/app'
    。在这种情况下,webpack总是开始查看您的
    /app
    文件夹。解决方案将样式文件夹移动到app中,或从上下文属性库中删除
    /app
    ,从而解决了问题。请随意添加此答案,以便我可以接受。由于您的
    上下文:\uu dirname+'/app'
    。在这种情况下,webpack总是开始查看您的
    /app
    文件夹。解决方案将样式文件夹移动到app中,或从上下文属性库中删除
    /app
    ,从而解决了问题。请随意添加此作为答案,以便我可以接受它。