[英]Cannot use css react js server side
I tried to add a lot of rules to my webpack config and nothing works.. 我试图在我的webpack配置中添加很多规则,但没有任何效果。
My Github Sample . 我的Github示例 。 I wan't to use css files but I don't know what change to load css : 我不想使用css文件,但我不知道加载css有什么变化:
I tried something like: 我尝试了类似的东西:
{
test: /\.css$/,
loader: 'style!css'
}
or: 要么:
{
test: /\.css$/,
use: ['css-loader', 'style-loader']
}
Do you have an idea? 你有想法吗?
EDIT : 编辑:
This is all my webpack.config.js file : 这是我所有的webpack.config.js文件:
const path = require("path")
const webpack = require("webpack") const webpack = require(“ webpack”)
module.exports = {
entry: [
"react-hot-loader/patch",
"webpack-dev-server/client?http://localhost:8080",
"webpack/hot/only-dev-server",
"./src/browser/index.js"
],
output: {
path: path.resolve(__dirname, "build", "assets"),
filename: "app.min.js",
publicPath: "/assets/"
},
module: {
loaders: [
{
test: /\.js$/,
loader: "babel-loader"
},
{
test: /\.(jpe?g|png|gif|svg|ico)$/i,
loaders: [
'file-loader?hash=sha512&digest=hex&name=[hash].[ext]',
'image-webpack-loader'
]
},
{
test: /\.css$/,
loader: "style-loader!css-loader"
}
]
}
,
plugins: [
new webpack.HotModuleReplacementPlugin()
],
resolve: {
alias: {
component: path.resolve(__dirname, "src", "component"),
actions: path.resolve(__dirname, "src", "actions"),
reducers: path.resolve(__dirname, "src", "reducers"),
store: path.resolve(__dirname, "src", "store")
}
},
devServer: {
host: "localhost",
port: 8080,
hot: true,
proxy: {
"**": "http://localhost:3000"
}
}
}; };
Ok, so I don't know why but it can build but, when I start, I have this error : 好的,所以我不知道为什么,但是它可以构建,但是当我开始时,我遇到了这个错误:
/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68034 return window && document && document.all && !window.atob; /Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68034返回窗口&& document && document.all &&!window.atob; ^ ^
ReferenceError: window is not defined at >/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68034:2 at /Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68023:46 at module.exports (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68078:46) at Object. ReferenceError:未在> /Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68023:46在> /Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68034:2上定义窗口module.exports(/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68078:46)。 (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:67899:38) at webpack_require (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:20:30) at Object. (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:67899:38)在webpack_require (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:20:30)在Object处。 (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:67852:69) at webpack_require (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:20:30) at Object. (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:67852:69)在webpack_require (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:20:30)在Object处。 (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:56338:82) at webpack_require (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:20:30) at Object. (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:56338:82)在webpack_require (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:20:30)在Object处。 (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:56216:93) [nodemon] app crashed - waiting for file changes before starting... (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:56216:93)[nodemon]应用程序崩溃-等待文件更改,然后再开始...
I updated the github repository so you can try the repo directly on your machine 我更新了github仓库,以便您可以直接在计算机上尝试该仓库
I can't see it in the github repo, but if you did use it, then in your webpack.config.js
add this: 我在github webpack.config.js
不到它,但是如果您确实使用过它,那么在webpack.config.js
添加以下内容:
module: {
loaders: [
....,
{
test: /\.css$/,
loader: "style-loader!css-loader"
}
]
}
And also since I can't find a style/css loader packages in package.json
run npm install --save-dev style-loader css-loader
而且由于我在package.json
找不到style / css loader包,所以运行npm install --save-dev style-loader css-loader
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.