相关疑难解决方法(0)

带有 sass-loader 的 Webpack 文件加载器

我是 nodejs 的新手,在尝试使用 sass 时遇到问题。

以下信息纯属虚构,但代表实际情况。


场景:

我有以下文件夹结构:

frontend/
 - scss/
  - style.scss
 - main.js
webpack.config.js
Run Code Online (Sandbox Code Playgroud)

目标

我想编译style.scssstyle.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)

sass node.js webpack sass-loader webpack-file-loader

3
推荐指数
1
解决办法
2719
查看次数