-
2 votesanswersviews
带有多个入口点的Webpack url loader上下文错误
我正在尝试将资源加载到我的css中,在某些情况下(更大的文件),复制到特定目录 . 当使用url加载器,并为名称模板定义查询参数时,我收到错误: 错误:路径变量[name]未在此上下文中实现:[path] [name] . [ext]?7770f0c15c5bc5d8291a 我正在使用具有已定义输出的多个入口点,我不确定这是否是问题 . 有没有办法强制上下文? Webpack配置如下 . m... -
0 votesanswersviews
如何使用webpack,Angular 1.4.8和Typescript在bundle中加载字体文件?
我无法使用webpack在自动生成的bundle文件夹中加载字体文件(eot,svg,ttf,woff)和images(jpeg,png),尝试使用以下代码选项: { test: /\.(png|jpg)$/, loader: 'file-loader', include: path.join(__dirname, 'app') } ... -
1 votesanswersviews
Webpack将css中的node_module导入为全局
我曾经直接在javascript中导入import '!style-loader!css-loader!../../node_modules/react-soundplayer/styles/buttons.css' 但它太丑了我不喜欢它 在我的react组件中,我想指定一个css-module import style from './style/App.css' ,在 App.css 中,我... -
2 votesanswersviews
Webpack将CSS加载到单独的<style>标记中
我目前正在使用下面的Webpack配置来导入和解析我在React组件中进行的SCSS导入 . 我的问题的关键在于配置的CSS部分 . 目前,我正在使用其相关React组件中的绝对文件路径导入SCSS文件 . 但是在渲染时,每个单独的CSS导入都会获得自己的 <style> 标记,从而导致在我的Web应用程序的头部散布着十几个 <style> 标记 . 有没有办法调整配置,使... -
4 votesanswersviews
使用webpack生成静态CSS文件
我目前正在开发一个使用不同前端主题的应用程序 . 这些主题只是CSS文件,可由用户选择 . 从技术上讲,这些主题是.scss文件,它们由webpack编译并通过angular中的标准link-tag加载: <link rel="stylesheet", ng-href="themes/{{theme}}.css"> 我剥离的webpack配置如下... -
2 votesanswersviews
webpack css loader不起作用
您好我正在尝试通过我的vue2js SPA中的webpack style-loader加载bootstrap css . 我用 npm install --save-dev css-loader 安装了样式加载器,我在 devDependiecies 的 package.json 中得到了它 . 我还在webpack.conf.js中添加了以下内容: { test: /\.css$/,... -
9 votesanswersviews
使用css模块做出反应如何将className作为prop传递给组件
如果我有一个react组件并且我想传入一个className,我该如何使用CSS模块执行此操作 . 它目前只提供className但不提供哈希生成的css模块名称,我将获得 <div className={styles.tile + ' ' + styles.blue}> 这是我的 Tile.js 组件 import React, { Component } from 'react';... -
1 votesanswersviews
带有boostrap-sass的Webpack ExtractTextPlugin
我正在使用bootstrap sass和extract text-plugin将已编译的css输出到文件中 . 如果我不在我的style.scss中导入bootstrap,它可以很好地工作,但是当我导入bootstrap时,webpack无法解析字体路径 . 它在我的src文件夹中查找bootstrap字体而不是/ node_modules / bootstrap-sass / 找不到模块:错误:... -
1 votesanswersviews
Webpack 无法从 node_modules 加载包
我正在使用react-slingshot启动套件启动应用程序。我想从 node_modules normalize.css 和 react-toolbox 加载但是我在构建过程中遇到这些错误: ERROR in ./~/normalize.css/normalize.css Module parse failed: /home/jules/projects/tourbnb-frontend/nod... -
9 votesanswersviews
Webpack [url / file-loader]没有解析URL的相对路径
我在Webpack中遇到了关于Relative Path的问题 . 让我试着解释一下这个场景: 我在 Workspace directory 有2个单独的项目: Project-A [使用Gulp捆绑]: Stable & Working Project-B [使用Webpack捆绑]: New project 由于两个项目都使用相同的样式,所以我想重用 Project A i... -
0 votesanswersviews
Webpack Dev Server Hot Reload不使用SCSS和多个条目
Problem 我正在尝试使用html-webpack插件创建一个包含多个条目,SCSS和自动生成的HTML页面的应用程序 . Everyting在dist目录中编译正常,但是当我使用dev服务器时,热重载不起作用 . 我可以看到每当我进行更改时,代码编译就好了 . 我认为问题是由html加载器引起的 . 是否有修复或解决方法使这项工作? webpack.config.js const Html... -
1 votesanswersviews
Webpack没有构建css文件
所以我按照http://webpack.github.io/docs/tutorials/getting-started/上的教程进行操作,并且我被困在css样式加载器步骤中 . 这是我的entry.js: require("!style!css!./style.css"); document.write(require("./content.js")) ... -
0 votesanswersviews
嵌套类在使用webpack的CSS模块中不起作用
我使用webpack和css-loader以及style-loader在我的React应用程序中启用css模块 . 这些是以下设置: Webpack配置: module.exports = { mode: "development", entry: __dirname + "/app/index.js", module: { ... -
1 votesanswersviews
使用导入的css文件在css样式上的无效属性值
我正在尝试设计一个React组件 . 为了实现这一点,我正在导入一个css文件并使用如ReactJs文档中所示的className . 我已经在我的webpack.config.js文件中添加了一个css-loader样式加载器,如下所述: const path = require('path') const HtmlWebpackPlugin = require('html-webpack-pl... -
0 votesanswersviews
添加全局CSS文件时出现Angular 5错误
当我将全局CSS文件添加到Angular项目或甚至向styles.css添加一些样式时,我从Webpack获得错误 . 错误在./node_modules/css-loader?{"sourceMap":false,"import":false}!!./node_modules/postcss-loader/lib?{"ident":&... -
1 votesanswersviews
Webpack包括基础框架和app scss编译到css
我想在我的项目中添加sass编译并编译我的app.scss文件,包括基础网站样式 . 我有这样的项目结构: -frontend -node_modules -src -css -scss -js index.html package.json webpack.config.js 我用npm安装了基础框架 . 我想在我的scs... -
0 votesanswersviews
Webpack - 构建css未应用
我是ReactJS的新手 . 我正在尝试使用scss反应使用sass-loaders 我的webpack配置看起来像这样 - var webpack = require('webpack'); var path = require('path'); var APP_DIR = path.resolve(__dirname + 'react-js/src/'); var BUILD_DIR = p... -
3 votesanswersviews
一起使用Webpack和Bootstrap的错误
几天来,我一直在反对这个问题,所以如果这是一个简单的解决方案,我会道歉 . 我是Webpack的新手 . 我想将Bootstrap导入到我的项目中,而不是使用CDN或任何其他方法 . 但我发生了两个问题: Bootstrap未在页面上呈现 我一直在尝试加载.woff和.woff2 glyphicons 我将在下面提供我的代码,这将告诉你我在哪里 . 我在这里先向您的帮助表示感谢! 文件... -
2 votesanswersviews
Webpack - 如何在scss文件中为图像设置publicPath
我在scss文件中定义了一些背景图像 . 我正在使用带有scss加载器的ExtractTextPlugin来提取构建目录中的css文件 . 但是,问题是编译的css文件中输出的路径不正确 . 如何通过webpack bundler修改css文件包含的路径 . Webpack.config.js /* Custom Config */ var ProgramID = '1111'; /* Defa... -
5 votesanswersviews
Webpack:如何设置webpack-dev-server和Hot Reload
当我运行 npm run watch 命令时,我想 Hot Reloading . (我希望它能够工作,因为它在使用_1739616时工作 - 当你运行 npm run dev 命令时:https://vue-loader.vuejs.org/en/features/hot-reload.html) . 所以,我已经安装了 webpack-dev-server 这就是我尝试过的: packag... -
3 votesanswersviews
使用webpack导入外部bootstrap-sass库时出错
我正在使用React,Webpack和Bootstrap-Sass创建客户端应用程序 . 我试图导入一个外部Bootstrap-sass库,但在终端中不断收到以下错误: "File to import not found or unreadable: bootstrap-sass/assets/stylesheets/bootstrap/variables" 好像我的webp... -
0 votesanswersviews
Vue-cli导入相对scss不适用于供应商**外部** librairies **样式文件**
Vue-cli(旧语法)导入相对scss资产不适用于供应商 external librairies in style files : 导入项目相对scss(在src中)总是正常的 . 导入外部相对scss(在node_modules中)在标记内是可以的 . 在scss文件 NOK 中导入外部相对scss(在node_modules中) . 如果我采用这个版本的vue和@ vue... -
3 votesanswersviews
为什么webpack scss不想包含字体?
我有一个简单的scss文件 $fa-font-path: "~font-awesome/fonts"; $bootstrap-sass-asset-helper: false !default; $icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/"; $icon-font-name: "... -
1 votesanswersviews
从dist文件夹打开index.html时未显示图像
我正在使用webpack 4.8做出反应,以便为 生产环境 环境自动执行少量任务 . 目前在我的/ dist文件夹中我有index.hml,bundler.css,bundler.js,但我不知道是否还需要使用webpack将资源文件夹复制到/ dist文件夹中,或者我只是从我的/ dist / index引用.html到/ src / assets / img使用一些常量作为绝对路径(定义一些b... -
1 votesanswersviews
Webpack样式加载器/ css-loader:url()路径分辨率不起作用
有一些关于 style-loader 和 css-loader 的SO帖子,但尽管如此,我还是找不到解决问题的办法 . 简而言之,当我在其他 css 文件中使用 @import css 文件,并且导入的 css 包含具有相对路径的 url() 时,路径无法正确解析 . 基本上,错误消息显示Webpack最终认为导入的css中的 url() 路径是相对于 src (主入口点),而不是相对于它导入... -
2 votesanswersviews
如何使用Webpack for Bootstrap?
我使用webpack将一些boostrap和其他css文件捆绑成一个,以下是 webpack.config.js 文件var htmlWebPack = require('html-webpack-plugin'); var ExtractTextPlugin = require("extract-text-webpack-plugin"); module.exports = ... -
26 votesanswersviews
webpack加载器和包括
我是webpack的新手,我正在尝试理解加载器及其属性,如测试,加载器,包含等 . 这是我在谷歌中找到的webpack.config.js的示例片段 . module: { loaders: [ { test: /\.js$/, loader: 'babel-loader', include: [ path.r... -
0 votesanswersviews
Webpack@4.0.0:“模块解析失败 . 您可能需要一个合适的加载程序来处理此文件类型“ - 尽管使用css-loader和style-loader
下面是我的webpack.config.js和package.json module.exports = { entry: "./entry.js", output: { filename: "./build/js/bundle.js" }, module: { rules: [ { test: ... -
0 votesanswersviews
scss文件不在源映射中 - webpack
我有一个webpack配置,在使用babel编译它们后服务于缩小的js和css . 我使用scss然后使用sass,postcss,css loader转换它们 . 我无缘无故得到这个错误 . ERROR in C:/Development/cxd-addon-iss/digital-spearhead/digital-ui/src/~/css-loader?{"minimize&quo... -
0 votesanswersviews
Webpack css-loader:“找不到模块:错误:可以't resolve ' main.css”......
我试图将我的CSS包含在webpack-dev-server托管的服务器中 . 为了实现这一点,我显然必须一起使用style-loader和css-loader,以便将css捆绑到JavaScript中 . 我无法让它发挥作用 . 我按照说明here,但我收到以下错误: ./src/index2.js中的错误找不到模块:错误:无法解析C:\ Users \ magnusga \ Download...