我使用风格-装载机与webpack和反应框架。当我在终端上运行webpack时,我在import.js文件中获得了import.js,尽管我已经正确地指定了文件路径。
import '../css/style.css';
import React from 'react';
import ReactDOM from 'react-dom';
import jQuery from 'jquery';
import TopicsList from '../components/topic-list.jsx';
import Layout from '../components/layout.jsx';webpack.config.js:
var webpack = require('webpack');
var path = require('path');
var BUILD_DIR = path.resolve(__dirname, 'build');
var APP_DIR = path.resolve(__dirname, 'build');
module.exports = {
entry: [
// Set up an ES6-ish environment
'babel-polyfill',
// Add your application's scripts below
APP_DIR + '/import.js'
],
output: {
path: BUILD_DIR,
filename: 'bundle.js'
},
module: {
loaders: [
{
test: /\.jsx?$/,
loader: 'babel',
exclude: /node_modules/,
query: {
plugins: ['transform-runtime'],
presets: ['es2015', 'stage-0', 'react']
}
},
{ test: /\.css$/, loader: "style-loader!css-loader" }
],
resolve: {
extensions: ['', '.js', '.jsx', '.css']
}
}
};发布于 2016-02-03 07:52:41
试着运行下面的脚本:
npm install style-loader --save
修改webpack配置,在modulesDirectories中添加resolve字段。
resolve: {
extensions: ['', '.js', '.jsx', '.css'],
modulesDirectories: [
'node_modules'
]
}发布于 2016-04-20 01:13:21
请运行以下脚本:
npm install style-loader css-loader --save将模块设置如下:
module: {
loaders: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
include: path.join(_dirname, 'app')
},
{
test: /\.css$/,
loader: 'style-loader!css-loader'
}
],
resolve: {
extensions: ['', '.js', '.jsx', '.css']
}
}它基本上是读取加载器-测试使用babel-加载器的jsx,下一个测试是使用样式加载器和css -加载程序的css文件,这将识别模块。另外,您应该退出npm,运行“”并运行"npm“。希望这能解决这个问题。
发布于 2017-03-04 00:47:56
如果您试图导入带有以下行的css文件:
import '../css/style.css';并在您的webpack配置中添加了style-loader。
错误声明:
未找到模块:错误:无法解决模块“样式-加载程序”
名为“样式加载器”的模块未被解析。
您需要安装该模块时:
$ npm install style-loader --save-dev或者,如果你用纱线:
$ yarn add style-loader -D然后再次运行webpack。
https://stackoverflow.com/questions/35171288
复制相似问题