我是 nodejs 的新手,在尝试使用 sass 时遇到问题。
以下信息纯属虚构,但代表实际情况。
场景:
我有以下文件夹结构:
frontend/
- scss/
- style.scss
- main.js
webpack.config.js
Run Code Online (Sandbox Code Playgroud)
目标:
我想编译style.scss到style.css使用的WebPack并把它里面dist/frontend/css/的目录,所以应该得到的这条道路:dist/frontend/css/style.css与创建以下文件夹结构:
dist/
- frontend/
- scss/
- style.scs
- main.js
frontend/
- scss/
- style.scss
- main.js
webpack.config.js
Run Code Online (Sandbox Code Playgroud)
代码:
主文件
import `style from "./scss/style.scss";`
Run Code Online (Sandbox Code Playgroud)
webpack.config.js
module.exports = {
mode: "development",
entry: {
main: "./frontend/main.js"
},
output: {
path: path.join(__dirname, "/dist/frontend"),
publicPath: "/",
filename: "[name].js"
},
module: {
rules: [
{
test: /\.(s*)css$/,
use: [ …Run Code Online (Sandbox Code Playgroud)