Css 网页包未编译sass文件
我正在尝试编译我所有的Css 网页包未编译sass文件,css,webpack,webpack-style-loader,Css,Webpack,Webpack Style Loader,我正在尝试编译我所有的.scss文件,但webpack似乎没有编译,即使我在我的webpack配置文件中声明了样式加载器和sass加载器 我不明白为什么.scss文件无法编译?我遵循了以下博客中的指南: 装载机: style.css从未在任何地方生成 插件: 还尝试: 以下内容是从我上面链接的博客中复制的 装载机: { test: /\.scss$/, loader: ExtractTextPlugin.extract('css!sass') } 插件: new
.scss
文件,但webpack似乎没有编译,即使我在我的webpack配置文件中声明了样式加载器和sass加载器
我不明白为什么.scss
文件无法编译?我遵循了以下博客中的指南:
装载机:
style.css从未在任何地方生成
插件:
还尝试:
以下内容是从我上面链接的博客中复制的
装载机:
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract('css!sass')
}
插件:
new ExtractTextPlugin('public/style.css', {
allChunks: true
})
其他网页包配置:
这是我的其他配置。非常标准,除了.scss
之外,其他一切都可以完成
target: "node",
cache: false,
context: __dirname,
debug: false,
devtool: "source-map",
entry: ["../src/server"],
output: {
path: path.join(__dirname, "../dist"),
filename: "server.js"
},
externals: [nodeExternals({
whitelist: ["webpack/hot/poll?1000"]
})],
resolve: {
modulesDirectories: [
"src",
"src/components",
"src/containers",
"node_modules",
"static"
],
extensions: ["", ".json", ".js"]
},
node: {
__dirname: true,
fs: "empty"
}
以下是我的网页终端在运行后打印出来的内容:
Waiting for dist/*.js (max 30 seconds)
[2] http://localhost:8080/webpack-dev-server/
[2] webpack result is served from http://localhost:8080/dist
[2] content is served from /Users/james/apps/react-server-side/server
[0] Ready. dist/*.js changed
[1] Hash: 12a5c90bd2564cd8880d
[1] Version: webpack 1.12.14
[1] Time: 15448ms
[1] Asset Size Chunks Chunk Names
[1] server.js 1.37 MB 0 [emitted] main
[1] server.js.map 1.23 MB 0 [emitted] main
[1] [0] multi main 40 bytes {0} [built]
[1] + 659 hidden modules
有人知道发生了什么事吗
编辑
忘了添加我正在做这个服务器端 您是否需要js文件中的scss文件?你必须这么做 此外,您不需要ExtractTextPlugin,以下配置应该可以工作:
loaders: [
// ...
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}
]
不,我不需要他们!!我只是在脑海中硬编码了一个链接href=server\u address/style.css。吃完午饭回来后,我会看看是否需要它们!在编译服务器端脚本时不能这样做。
Waiting for dist/*.js (max 30 seconds)
[2] http://localhost:8080/webpack-dev-server/
[2] webpack result is served from http://localhost:8080/dist
[2] content is served from /Users/james/apps/react-server-side/server
[0] Ready. dist/*.js changed
[1] Hash: 12a5c90bd2564cd8880d
[1] Version: webpack 1.12.14
[1] Time: 15448ms
[1] Asset Size Chunks Chunk Names
[1] server.js 1.37 MB 0 [emitted] main
[1] server.js.map 1.23 MB 0 [emitted] main
[1] [0] multi main 40 bytes {0} [built]
[1] + 659 hidden modules
loaders: [
// ...
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}
]