你怎么用webpack 4把sass编译成css？

文章/答案/技术大牛

发布

1回答

javascript、html、css、webpack、sass

我不知道如何用webpack4将main.scss文件编译成styles.css。所有的javascript和scss都被编译成一个app.js文件。My package.json file:webpack.config.js file: I want to compile my main file /src/styles/styles.scss to dist/styles.css

浏览 27提问于2020-02-09得票数 1

回答已采纳

1回答

直接在反应元件中使用物料界面与SCSS

javascript、css、reactjs、sass、material-ui

我希望使用SCSS，而不是使用withStyle函数或将纯CSS文件导入JS文件。 import '.我该怎么做？

浏览 0提问于2018-02-21得票数 4

2回答

指向HTML的外部SCSS样式文件链接

css、sass

我是否需要创建另一个带有.css扩展名的样式文件，并首先将.scss文件转换为.css？我需要使用一些软件来做这件事吗？我知道style.scss文件不需要链接在超文本标记语言文件中，只有style.css会在超文本标记语言中被链接。谢谢

浏览 38提问于2018-08-08得票数 1

回答已采纳

1回答

如何将style.sass编译成style.css并保持缩进

webpack、wordpress-theming、sass-loader、mini-css-extract-plugin

我在和webpack乞求制作一个Wordpress主题。我想把sass文件编译成css文件。const path = require('path'); // include the css extraction and minification plugins("o

浏览 2提问于2019-09-24得票数 0

2回答

如何将scss编译成一个单独的css文件？

javascript、css、sass、webpack、frontend

我想使用entry - materialize.scss (它导入许多其他scss文件)并将其编译成一个单独的output - materialize.min.css文件。那我到底该怎么跟Webpack一起做呢？我用extract-text-webpack-plugin和css，style，sass loader，node-sass，resolve-url-loader尝试了一百万种不同的设置，尽管我会得到不同的错误

浏览 0提问于2016-11-01得票数 7

1回答

是否有方法将唯一的scss文件导出到模块化css文件？

css、performance、sass

我想知道我的CSS是否可以全部放入 one Sass文件中，并将其编译成许多文件，比如每个页面/模板/小部件一个。也许有一个webpack插件是谁做的？最终目标是优化我的CSS性能，而不管理10-15个css文件。我想到的是： html{ } //Some CSS<

浏览 0提问于2019-04-22得票数 0

3回答

Sass样式没有显示在类上

html、sass

我试着用sass设计几个按钮，使它们看起来都一样，但我的样式没有显示。我对sass还不熟悉，所以我猜我忽略了一些语法。我需要改变什么才能让它开始运作？这些按钮都有相同的代码。<link rel="stylesheet" type="text/css" href="_base.css"> <button type="button" class="removeButton">R

浏览 0提问于2018-07-19得票数 0

1回答

Laravel5.4从Elixir升级到Webpack用多个SASS文件中断js编译

css、laravel、webpack、sass、laravel-elixir

使用Laravel5.2的Elixir，我过去能够将多个SASS文件编译成一个CSS文件，如下所示： 'app.scss', ], 'public/assets/css')mix.sass() is missing required parameter 1: src 在

浏览 4提问于2017-08-31得票数 0

回答已采纳

1回答

将Webpack/Babel/Sass编译到文件夹中

webpack、sass、webpack-dev-server

不知道你是否能帮上忙-我设置了一个dist文件夹，里面有js，img和css子文件夹。我想让webpack把我的: src/js/index.js编译成dist/js，把src/main.scss编译成dist/css。src/index.html',

浏览 18提问于2018-07-21得票数 0

1回答

如何使用webpack将css和js内联到html中并删除不使用的样式

webpack

我有一个单独的超文本标记语言文件和一些SASS和JS，为了生产，我想把它们捆绑到一个单独的超文本标记语言文件中，其中包含编译成CSS的SASS到一个内联<style>元素，以及JS组合和缩小成一个内联不是，css嵌入在JS中，并通过JS或在单独的文件中添加到DOM中。我已经将SASS编译成.css和<linked，并将JS编译成<script src="ed .js。请不要只说使用https:&#x

浏览 22提问于2020-10-05得票数 2

回答已采纳

1回答

在angular4中，sass和webpack是如何合作的？

css、angular、webpack、sass

我们是否可以直接在中引用sass文件而不是css文件？webpack(3.5.5)，角/cli(1.4.1)和angular4src| ├--- sass| |

浏览 1提问于2017-10-12得票数 0

回答已采纳

1回答

在Webpack中编译Scss

javascript、css、webpack

所以我试图让我的webpack配置文件创建一个编译的css文件，这样以后当我添加了webpack-dev-server时，我就可以编译我的js和css，并把它放到dist文件夹中。importLoaders=', }, test: /\.(sass|scss)$/,

浏览 1提问于2017-12-05得票数 0

1回答

无法加载模块脚本:服务器使用非JavaScript、CSS* MIME类型"text/x-scss“进行响应*

javascript

Failed to load module script: The server responded with a non-JavaScript, CSS MIME type of "text/x-scss我从未在javascript中实现过css文件，也从未使用过scss，所以我不知道如何处理这个问题。我希望这里有人知道怎么帮我。问候

浏览 267提问于2021-04-02得票数 0

回答已采纳

2回答

在React组件文件夹中编译SASS文件

javascript、reactjs、webpack、sass

我希望使用与我的每个react组件组织的sass样式表，如下所示： |- componentOne |- componentOne.scss编辑：下面是我现在使用的webpack配置(编写自之前的一个开发人员)。我在SRC_DIR + "/app/components/",条目中添加了一行，这样提取文本webpack插件就可以获取组件目录中的所有.scss文件。但是，当我试图运行构建时，我

浏览 0提问于2018-07-06得票数 0

1回答

我可以在我的JS中不需要在我的JS中构建sass/less/css吗？

javascript、css、reactjs、sass、webpack

我目前有一些react组件& sass，正在与webpack一起成功地构建。我还有一个主要的sass文件，它使用gulp任务构建到css。我只想使用这些技术中的一种，有没有可能只将sass编译成css，而不在条目文件中对sass有相关的要求？下面是一个尝试使用WebpackExtractTextPlugin的示例entry_object[build_css + "

浏览 1提问于2016-04-22得票数 29

回答已采纳

2回答

WebPack条目必须是JavaScript文件吗？

webpack、sass、webpack-2、imagemin

使用WebPack时，通常必须将入口点设置为.js文件。这是必需的吗？我有两种情况：我想用imagemin缩小图像。如何使用WebPack实现这一点？这就是正确的工具吗？我以前用古普做过这个。只有当您从WebPack文件中获取require图像和CSS时，JavaScript才有意义吗？

浏览 0提问于2017-06-03得票数 3

1回答

在不同文件中编译CSS和JS / WEBPACK

css、webpack、compilation、jss

两天来，我一直在尝试将js和css文件编译成一个单独的文件，因为现在一切都在一起了。有谁知道如何解决这个问题吗？如果你能帮忙，我将不胜感激。这是我的代码webpack.config.jsconst webpack = require('webpack'); const BrowserSyncPlugin= require('browser-sync-webpack</e

浏览 0提问于2020-08-07得票数 0

1回答

是否可以使用Maven开发前端/Web应用程序？

javascript、java、maven、vue.js、kotlin

我曾与古普、葛朗特和Webpack合作过。我觉得到目前为止，我使用过的最好的构建工具是Maven。在我看来，简明扼要。因此，我想知道是否可以用Maven代替Gulp、Grunt和Webpack来部署我的网络应用程序。Maven而不是Gulp，Grunt，WebpackSASS而不是CSS 并集成了以下库：Font-Awesome

浏览 5提问于2016-08-30得票数 0

回答已采纳

1回答

如何配置webpacker来使用手写笔，这样我就可以使用Vuetify了？

ruby-on-rails、webpack、vue.js、vuetify.js、webpacker

我有webpacker为基本的vue.js/rails应用程序工作，但我想配置它，以便将手写笔文件编译成css，这样我就可以使用Vuetify了。有人知道怎么做吗？我现有的独立工作平台vuetify/vue.js应用程序有以下webpack配置：loaders: [ test: /\.vue$/, }}, loa

浏览 5提问于2017-11-23得票数 6

2回答

引导4发行版-创建自定义css

npm、gruntjs、bootstrap-4

我正在努力弄清楚如何为B4发布的版本构建一个定制的css。我已经下载了源文件，但没有看到用于V4.alpha 6的Gruntfile.js。如何构建自定义css？我看到我必须创建自己的_custom.scss文件，但我不确定Gruntfile.js。我从alpha6版本复制了这个版本，但是它没有运行。

浏览 1提问于2018-01-31得票数 2

回答已采纳

点击加载更多