1回答
我想和webpack一起编写scss和js。但是，只要我在Symfony 3中使用它，只有前端的一些页面使用javascript组件，我就希望将css编译到一个独立的文件中，并使用老式的<link href="style.css">，而不是将css导入javascript模块。
我成功地使用了下面的webpack.config.js，它应该生成js/script.js和css/style.css。它可以工作，但它也能产生我不需要也不想要的js/style.js 。--我想问题是，即使通过ExtractTextPlugin处理，输入“样式”也会产生输出JS，但是如何告
浏览 11提问于2017-08-21得票数 2
回答已采纳
4回答
webpack 4如何使用sass装载机？我读了很多关于这个的文章，大多数网站都推荐使用ExtractTextPlugin，但是ExtractTextPlugin并不适用于webpack 4。
我写的是webpack.config.js
const path = require('path');
const ClosureCompilerPlugin = require('webpack-closure-compiler');
module.exports = {
module: {
rules: [
{
浏览 1提问于2018-04-03得票数 12
回答已采纳
我正在尝试在一个应用程序中使用的引导皮肤，实际上是导航菜单。
当我将css和js复制到rails项目并运行服务器时，我收到错误消息"Undefined variable："$fa-css-prefix“-该变量在文件_variables.scss中定义，该文件是app/assets/stylesheets下的子文件夹中的几个样式表之一
警告错误的代码位于同一子文件夹中的另一个样式表中(名为app/assets/stylesheets/font-called/scss)。
在该文件夹中有以下文件：
_bordered-pulled.scss
_core.scss
_fixed-w
浏览 2提问于2014-03-30得票数 0
1回答
Nuxt配置动态样式表
、、、、
如何根据被单击的UI按钮动态加载样式表(在Nuxt.js中)。
例如，我的nuxt.config.js中有以下内容
let org = 'default';
module.exports = {
css: [
'~/assets/sass/' + org + '/index.scss',
]
};
我省略了这块代码中的一些代码，但您看到的是回答我的问题所需的主要代码。
实际上，我有一个UI按钮，当我单击它时，我希望更改org的值，并让Nuxt加载该样式表，而不是default样式表。
我该如何着手做这样的事情呢？
浏览 0提问于2018-05-16得票数 4
1回答
我目前正在尝试使用一个名为jQuery的插件。
到目前为止，我已经将插件目录添加到我的资产文件夹中，将它的JS和CSS添加到angular.json中，并尝试了以下操作：
import { Component, OnInit } from '@angular/core';
import * as AOS from 'aos';
import * as $ from 'jquery';
import * as cubeportfolio from 'src/assets/cubeportfolio/js/jquery.cubeportfol
浏览 0提问于2019-04-11得票数 0
我在编译Vuetify变量时遇到了一个问题。根据原始文档和一些堆栈溢出答案，我对文件进行了一些更改，但仍然会收到编译错误。
日志
ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: ("base"
浏览 7提问于2021-03-06得票数 1
回答已采纳
我在试着理解asset_pipeline。
基本上，我所有的网站代码都是用style.css.scss编写的(在application.css.scss中是@imported )
我还有一些其他的控制器，它们有一些代码，我将它们拆分到一个单独的文件中，然后加载到那个页面上。例如，在我的profiles_controller中有profiles.css.scss和profiles.js
在文档中，它说我可以通过键入以下命令来有条件地包括这些内容：
<%= stylesheet_link_tag params[:controller] %>
javascript_include_tag
浏览 0提问于2012-07-04得票数 1
回答已采纳
我使用Jest制作的代码库，但我找不到一种方法来运行导入组件的简单Vue3测试。这在使用Vue-cli创建的应用程序中工作得很好，但我找不到一种方法来让Jest在使用Vue3的Vue-Vite应用程序中工作。下面是我遇到的错误 FAIL docs/homepage.spec.js
● Test suite failed to run
Vue packages version mismatch:
- vue@3.0.0 (/var/www/html/my_project_vue3_vite/node_modules/vue/index.js)
- vue
浏览 50提问于2020-10-29得票数 3
回答已采纳
我遵循这个来安装带有Yarn的引导带--这是新版本的Bootstrap 4 install 5.1的命令，他们正在观看
yarn add bootstrap@4.0.0-alpha.6
因此，我注意到它是安装了引导4 alpha 6，JQuery3和系绳。因此，它已经添加到.gitignore中：
/node_modules
/yarn-error.log
并已在我的config/initializers/assets.rb中设置。
Rails.application.config.assets.paths << Rails.root.join('node_modules&
浏览 5提问于2017-05-08得票数 4
回答已采纳
我正试图为一个中型到大型(MVC)的网站围绕Webpack 4而努力。
对于该解决方案，我希望使用以下基本供应商脚本/样式：
jQuery vLatest小型化版本
引导，但只有网格，没有javascript或其他任何东西
该网站由几个不同的模板组成。有些人可能有一个图片库，我想在那里使用猫头鹰、旋转木马、vLatest等等。
正如我所理解的，供应商包应该只包含整个站点使用的脚本/样式，也就是说，Owl Carousel脚本/样式不应该是供应商脚本的一部分，因为它只用于一个或两个特定的模板。
我已经通过npm安装了jQuery和Bootstrap，所以它们在node_modul
浏览 0提问于2018-07-21得票数 1
回答已采纳
6回答
我有一个用于角项目的CI/CD管道，该管道昨天运行良好，但今天相同的代码正在返回构建中的几个错误：
./src/styles.scss.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader
浏览 39提问于2022-07-20得票数 5
回答已采纳
1回答
狼吞虎咽不出结果
、、
我试图在我的项目中使用gulp和gulp来编译bower组件。我正在使用Windows 8。
我遇到的问题是，狼吞虎咽似乎不管用。或者至少不给我汇编的结果。奇怪的是，我甚至没有收到错误信息什么的。
我只是在输出目录中没有任何结果。
gulpfile.js：
"use strict";
var gulp = require("gulp"),
sass = require("gulp-sass"),
bowerFiles = require("main-bower-files"),
gulpFilter =
浏览 1提问于2015-03-15得票数 0
回答已采纳
1回答
基础5构建未完成
、、
我把头撞在墙上，希望能帮上忙。所以..。
最近，当我创建一个基础项目(或任何现有项目)时，我使用以下方法导入所有的基础：
@import "settings";
@import "foundation";
然而，当我用罗盘编译scss时，它并不会导入所有的基础。最后，我：
../bower_components/foundation/scss/foundation/components/_visibility.scss */
../bower_components/foundation/scss/foundation/components/_offcanvas.
浏览 1提问于2014-09-04得票数 2
回答已采纳
我正在尝试使用位于Project/app/Dashboard/Resources/scss/main.scss和Project/app/Dashboard/Resources/js/main.js上的文件夹中的文件的webpack，但我得到了一个错误。
我试过了：
mix.js('app/Dashboard/Resources/js/main.js', 'public/js/dashboard.js')
.sass('app/Dashboard/Resources/scss/main.scss', 'public/css/dashb
浏览 1提问于2017-09-13得票数 1
任务：
CSS：编译.scss、添加前缀、缩小和连接到main.css中
JS：小型化并连接成main.js
我们正在使用webpack和BEM。
项目结构：
static/
├── build
│ ├── main.css
│ └── main.js
└── src
├── blocks
│ ├── a
│ │ ├── a.js
│ │ └── a.scss
│ ├── b
│ │ └── b.scss
│ ├── c
│ │ └── b.scss
│
浏览 3提问于2016-04-17得票数 1
回答已采纳
我使用webpack 3作为我的构建过程。
webpack.config.js：
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: "css-loader"
})
},
{
test: /\.scss$/,
use: ExtractTextPlugin.extract({
use: [
{
loader
浏览 0提问于2018-03-17得票数 0
回答已采纳
我知道用不同的方式连接/组合scss文件。
每个任务通过任务运行程序，例如在gulp中(在grunt或webpack中应该类似)
// "./node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss"，"./node_modules/bootstrap/scss/bootstrap.scss"，/ gulpfile.js gulp.src(“./gulpfile.js/scss/var.scss”、“./gulpfile.js/scss/ver.scss”、“./gulpfile.js/
浏览 0提问于2019-04-30得票数 0
是否有gruntjs配置用于在服务器上使用compass-watch的多个项目？我的文件夹结构如下：
[PROD]
[project1]
[css]
styles.css
[js]
functions.js
index.php
[scss]
styles.scss
[project2]
[css]
styles.css
[js]
functions.js
index.php
[scss]
styles.scss
[project3]
[css]
styles.css
[js]
functions.
浏览 3提问于2017-01-04得票数 1
我有一个Drupal子主题，其结构如下：
├── scss
│ ├── _helpers.scss
│ ├── component
│ │ ├── _dashboard.scss
│ │ ├── _alert.scss
│ │ ├── _badge.scss
│ │ ├── _branding.scss
│ │ ├── _navbar.scss
│ │ └── _user-login-form.scss
│ ├── element
│ │ ├── _header.scss
│ │ └── _main.scss
│
浏览 4提问于2018-07-10得票数 0
1回答
目录结构
->src
->sass
->home.scss
->about.scss
->main.scss
->js
->home.js
->about.js
->index.js
->index.php
->package.json
->webpack.config.js
index.js
import '../sass/main.scss';
home.js
import './index';
import '../s
浏览 2提问于2017-06-30得票数 0
1回答
mix.react('resources/js/app.js', 'public/js')
.react('resources/js/auth.js', 'public/js')
.js('resources/js/core.js', 'public/js')
.react('resources/js/workspace.js', 'public/js')
.sass('resources/scss/app.scss',
浏览 0提问于2019-07-07得票数 2
回答已采纳
我试图让我的jekyll+bootstrap网站在GitHub上，但没有任何效果。这是我最后收到的错误：
您的SCSS文件资产/main.scss在第47行有一个错误:文件要导入、找不到或不可读: assets/css/minima/base。加载路径:资产/hoosegow/.bundle/ruby/2.7.0/gems/jekyll-theme-primer-0.6.0/_sass.
这是错误消息指向的代码。
@import
"assets/css/minima/base",
"assets/css/bootstrap/bootstrap",
浏览 1提问于2021-10-30得票数 0
1回答
在运行$stencil init和$stencil start后，我得到以下错误：
{错误: tools\list.scss不存在！格式化：'tools\list.scss不存在！\n在tools/tools.scss>> @import“list”第1行上；\n
安装后立即发生错误，然后再编辑任何文件。我反复检查了几遍先决条件，找不到我遗漏的任何东西。
有人有什么想法吗？
浏览 1提问于2016-05-23得票数 1
回答已采纳
1回答
我所做的是从：下载引导程序4目录，然后在我的项目中实现它，其中我有一个styles.scss，如下所示：
//fontawesome
@import "components/font-awesome";
// Core variables and mixins
@import "../components/bootstrap/scss/variables";
@import "../components/bootstrap/scss/mixins";
@import "mixins/mixins";
// Reset
// @
浏览 2提问于2017-08-28得票数 1
我有单独的SCSS文件，我想编译成单独的CSS文件。这是我的Webpack配置文件的一部分：
module.exports = {
entry: ['./src/js/main.js', './src/scss/main.scss', './src/scss/additional.scss'],
output: {
filename: './assets/js/main.bundle.js',
},
plugins: [
new MiniCssExtractPlugin({
filena
浏览 3提问于2020-07-05得票数 4
2回答
我用创建了react应用程序，并设置了这样的文件结构：
src/
-index.js
-main.scss
pages/
-somepage.js
-somepage.scss
styles/
-_variables.scss
index.js
import './main.scss';
...
main.scss
@import './styles/variables.scss';
_variables.scss
$primary: #000;
somepage.js
import somepage.scss
somepage.scss
浏览 5提问于2020-01-08得票数 6
1回答
我试图建立一个webpack配置，转我的屁股，并利用后sass自动修复插件。
在研究和尝试了各种解决方案之后，我提出了以下设置：
webpack.config.js:
...
{
test: /\.(sa|sc|c)ss$/,
exclude: [/node_modules/, /css/],
use: [
MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
impo
浏览 0提问于2021-01-13得票数 1
回答已采纳
使用"lint-staged": "^13.0.3"和下面的.lintstagedrc配置：
{
"src/**/*.{ts,html}": [
"ng lint"
],
"src/**/*.scss": [
"npx stylelint **/*.scss"
]
}
我试图在以下文件上运行npx lint-staged -q (所有这些文件都有链接问题，需要使用单个lint命令)：
直接运行ng lint和npx stylelint **/*.scss将引
浏览 6提问于2022-07-28得票数 0
回答已采纳
跑步时
npm run dev
我突然开始收到错误，几乎没有对项目的代码进行任何更改：
TypeError: Class extends value undefined is not a constructor or null
at Object.618 (/Users/EugeneBos/Websites/dotalaning/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:100)
at __nccwpck_require__ (/Users/EugeneBos/Websites/dotalanin
浏览 7提问于2021-02-07得票数 3
回答已采纳
我有一个包含三个部分的*.source文件：jade，js和scss。
示例materialPalette.source文件：
/* section jade */
// some jade code, should be saved as materialPalette.jade
/* end jade */
/* section js */
// js code > materialPalette.js
/* end js */
/* section scss */
// scss code > materialPalette.scss
/* end scs
浏览 4提问于2016-01-04得票数 1
2回答
这是我第一次使用Gulp，我对自己做错了什么感到有点困惑，我的结构是这样的： assets
-> resources
-> dist
-> main.css
-> src
-> scss/bootstrap
-> scss/main.scss
-> js/bootstrap
-> js/main.js 我的目标是创建一个gulp文件，该文件将编译我的JavaScript和SCSS，并将它们输出为/dist中的"main.css“和"main.js”。
浏览 33提问于2019-10-07得票数 0
回答已采纳
我有几个JS和SCSS文件。我需要Webpack 4捆绑每个JS条目到一个JS文件和每个SCSS条目到一个CSS文件。JS文件不导入SCSS文件。我尝试用下面的webpack.config.js来完成它
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
module.exports = {
entry: {
scriptFoo: './src/js/scriptFoo.js',
scri
浏览 0提问于2018-09-29得票数 3
回答已采纳
1回答
我正在运行gulp，试图编译和缩小我的主题中找到的所有scss和js文件。 下面是我当前的文件夹结构： theme
assets
build
css
theme.min.css
js
theme.min.js
src
sass
globals
_base.scss
_client-styles.scss
_variables.scss
浏览 12提问于2019-09-25得票数 1
1回答
给出的是以下简单的项目结构。 .
├── build
│ ├── css
│ ├── index.html
│ └── js
│ └── main.min.js
├── package.json
├── rollup.config.js
└── src
├── scripts
│ └── main.js
└── styles
└── main.scss src/scripts/main.js内容为import "styles/main.scss"; rollup.config.js import scss f
浏览 561提问于2020-10-08得票数 5
伙计们，我使用的是Vue3和Bootstrap 5。除非我想定制Bootstrap的默认主题，否则一切都很好。
例如，我想更改主颜色，我在"src\scss"中创建了一个"src\scss"，内容如下：
// Default variable overrides
$primary:#255232;
@import "../node_modules/bootstrap/scss/bootstrap";
然后，我在custom.scss中导入main.js，js中的内容是：
import { createApp } from "vue"
浏览 5提问于2022-01-17得票数 -1
回答已采纳
如何使用已使用@use SASS文件(abstract.scss)导入变量的文件中的变量。
例：
// Folder Structure
/abstracts/_mixins.scss
/abstracts/_variables.scss
/abstracts/_something.scss
/abstracts/abstracts.scss
// _variables.scss
$color-primary:blue
// abstracts.scss
@use './mixins';
@use './variables';
// home.scss
浏览 1提问于2021-03-26得票数 0
回答已采纳
1回答
webpack提取Scss
、、、、
我正在尝试使用ExtractTextPlugin提取并将我的scss转换为css，并将其与client.min.js一起移到src文件夹中，但目前在构建webpack.config.js文件时遇到了以下问题：
在C:\Users\ajoku\Desktop\Web \learn2node\http\scss@./scss/traces.js 3:0-20中发现错误:错误:无法解析模块'main.scss‘
我的webpack.config.js文件：
"use strict";
var debug = process.env.NODE_ENV !== "
浏览 3提问于2016-05-08得票数 1
回答已采纳
1回答
尝试通过本教程来获得初学者的感觉：
当前在运行gulp时遇到此错误，有什么想法吗？：
gulpfile.js
'use strict';
//dependancies
var gulp = require('gulp');
var sass = require('gulp-sass');
var minifyCSS = require('gulp-clean-css');
var uglify = require('gulp-uglify');
var rename = require('gulp-r
浏览 0提问于2018-06-08得票数 1
1回答
我是js的新手，我正在学习一个教程。我安装了gulp，在尝试编译sass文件时遇到错误。错误如下： AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (C:\Users\*****\Documents\GitHub\*****\node_modules\undertaker\lib\set-task.js:10:3)
at Gulp.task (C:\Users\*****\\Documents\GitHub\*****\\node_modules\underta
浏览 11提问于2019-04-07得票数 0
我对Sass Error有个问题。我在Next Js上做了一个项目，当部署Vercel时，控制台会返回这个错误。
Failed to compile.
./styles/app.scss.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[9].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index
浏览 13提问于2022-06-24得票数 -1
回答已采纳
我使用本教程将mdbootstrap添加到项目中：
我的angular.json：
"styles": [
"node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
"node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
"node_modules/@fortawesome/fontawesome-free/scss/regular.s
浏览 2提问于2021-07-05得票数 0
我使用的是Webpack 4，我正在尝试查看一个文件夹，找到所有的scss文件，并为找到的每个文件动态创建一个入口点。当我查看函数正在返回时，它似乎完全返回了我需要的内容，但是没有css文件从函数中输出，只有一个对应于第一个入口点tri： 我使用的示例来自https://www.sitepoint.com/community/t/how-to-configure-webpack-to-output-multiple-css-files-from-sass/303659/2 我不明白我做错了什么。感谢您所能提供的任何帮助。 const departmentStyles = pattern =&
浏览 8提问于2019-06-22得票数 1
回答已采纳
当创建webpack配置时，我有一个问题
这是我的配置：
module: {
rules: [
{
test: /\.js$/,
use: {
loader: "babel-loader",
options: {
presets: ['babel-preset-env']
}
}
},
{
test: /\.scss$/,
use: [
MiniCssExtractPlugin.loader,
"css-loader"
浏览 0提问于2018-05-27得票数 0
回答已采纳
我试图运行下面的命令，但不幸的是，我遇到了错误。
$ gulp build
在我的终端和我得到这个断言错误。我已经卸载了节点和NPM，并使用brew - 重新安装了这些步骤。我的节点版本是v10.5.0，npm版本是6.1.0。
我的系统是MacOS High Sierra 10.13.2
assert.js:269
throw err;
^
AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (bulkit/startup-kit/node
浏览 8提问于2018-06-29得票数 171
回答已采纳
1回答
我已经安装了@fortawesome/fontawesome-free软件包使用npm。最新的Laravel应用程序默认使用vite。我解决不了这个问题。任何帮助都将不胜感激。我的vite.config.js是
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import { viteStaticCopy } from 'vite-plugin-static-copy';
export default defineConfig({
浏览 11提问于2022-07-11得票数 1
回答已采纳
1回答
Webpack文件加载程序
、、、、
我是nodejs的新手，在尝试使用sass时遇到了一个问题。
以下信息只是虚构的，但它代表了实际情况。
场景：
我有以下文件夹结构：
frontend/
- scss/
- style.scss
- main.js
webpack.config.js
目标
我希望使用webpack将style.scss编译为style.css，并将其放在dist/frontend/css/目录中，因此它应该会产生以下路径：dist/frontend/css/style.css并创建以下文件夹结构：
dist/
- frontend/
- scss/
- style.scs
浏览 3提问于2019-03-07得票数 5
回答已采纳
1回答
我一直在做一个laravel项目，我的资源文件夹中有很多.scss文件。所以通常我会这样写
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean,
浏览 3提问于2022-07-01得票数 0
在这个项目中css和js是一样的。不同之处在于css，它是用于每个项目的颜色。我期待着关于如何做到这一点的建议。谢谢 将结构与所需的web包一起输出。 dist /
- publicA
- css
- js
- publicB
- css
- js 具有vue或react的工作区 src /
components
...
...
main.js 我的内容main.js import "../resources/sources/*.scss"
imp
浏览 47提问于2021-09-18得票数 0
我正在尝试安装一个名为的插件，用于在Angular 8的CKEditor5中输入LaTex
。如何在CKEditor 5中添加插件和工具栏
我尝试在CKEditor标签中添加配置，并在ts文件中添加插件和工具栏详细信息
ckeditor.component.ts
import {Component, OnInit} from '@angular/core';
import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
import MathType from
浏览 35提问于2019-10-21得票数 0
我正在尝试安装Laravel Vue项目的所有依赖项。 在说明中，它说我需要运行npm run dev。现在，当我运行这个程序时，我收到了 > ERROR in ./resources/js/src/@core/scss/vue/libs/toastification.scss
> (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/sass
浏览 189提问于2021-10-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
