jjzjj

less-loader

全部标签

javascript - 需要 JS 和 LESS

我正在使用LESS的客户端javascript版本来编译出更少的代码,并且即使在最终的实时站点上也想继续使用它(我知道......糟糕的形式,但它让我能够允许用户自定义一些较少的变量,并让他们的整个应用程序在运行中“主题化”,因为它是一个一旦加载就永远不会刷新的web应用程序,我认为额外的加载时间来编译较少的变量是可以接受的)。我也在使用requireJS。问题是:A)如何让requireJS加载更少的代码?B)编译完成后less会派发任何事件吗?和C)有没有办法触发less以根据命令重新编译?谢谢。 最佳答案 我用过textloa

javascript - 在不明确要求 Assets 的情况下将 webpack 与 jade-loader 一起使用

我正在尝试将Webpackjade-loader与html-loader结合使用,以便能够省略jade模板中的要求+使用相对于特定文件夹的路径。我尝试了一些方法,但都没有用。默认情况下,jade-loader在使用img(src=require("../../../../assets/images/imac.png")alt="computer"),使用以下webpack配置:module.exports={devtool:'eval',entry:['webpack-dev-server/client?http://localhost:3000','webpack/hot/only-

javascript - Webpack 无法解析 html-loader

我正在将一个使用requirejs的项目转换为webpack,但遇到了“html-loader”加载器的问题。package.json:"html-loader":"^0.3.0","webpack":"^1.11.0","webpack-dev-server":"^1.10.1"应用程序/js/webpack.config.js://folderstructure://root//app/js//bower_components///dist///node_modules/entry:'./app/js/main.js',output:{path:'dist/js/',filenam

javascript - 如何向 Fancy Box Loader 添加文本

单击链接时,我需要在FancyBox叠加层上加载一个巨大的pdf。在加载pdf之前,我正在显示一个FancyBox加载器。问题是我需要在FancyBox加载器中添加诸如“请稍候...等”之类的文本。谁能帮忙?这是我的代码:ClickHereToViewThePDF$(document).ready(function(){$(".fancypdf").click(function(event){$.fancybox.open(this.href,{type:"iframe"});$.fancybox.showLoading();$("iframe.fancybox-iframe").lo

javascript - Vue CLI 3 sass-resources-loader - Options.loaders undefined

几周前,我能够使用3.0版CLI成功配置一个新的Vue项目以使用sass-resource-loader,使用此处发布的信息:Usingsass-resources-loaderwithvue-cliv3.x但是,在今天更新所有内容之后,我在运行npmrunserve时遇到以下错误:类型错误:无法读取未定义的属性“scss”似乎传递给.tap(options)的唯一选项是:{compilerOptions:{preserveWhitespace:false}}我目前对chainWebpack的了解还不足以有效地进行调试,但我正在努力。如果有人对导致此错误的更改有任何见解,我们将不胜感激

javascript - 在 LESS 文件中出现错误后,Gulp.js 停止编译 LESS

我在使用gulp时遇到问题。我运行gulp-watch以及gulp-less和gulp-clean。一切都在完美运行。当我编辑somefile.less并在缺少分号的情况下保存它或者我可能不小心留下了尾随;s时,我的代码中只有错误保存,gulp-less在控制台中记录错误。在我修复它之后gulp-watch继续观察文件,但是gulp-less没有触发也没有编译。当我停止gulp并在终端中再次运行它时,一切都会恢复正常。这是我的gulpfile.js:vargulp=require('gulp');varclean=require('gulp-clean');vargutil=requi

javascript - 增量 gulp less build

在我的办公室,我们使用gulp来构建我们的less文件。我想改进构建任务,因为它花了一秒钟的时间来构建我们最近从事的一个大型项目。这个想法是缓存文件并只传递更改的文件。所以我从谷歌开始,发现了javascript的增量构建,ang认为用更少的钱重写它们会很容易。这是我开始的那个:https://github.com/gulpjs/gulp/blob/master/docs/recipes/incremental-builds-with-concatenate.md在几次不成功的尝试之后,我得到了以下代码(使用最新的Bootstrap分发进行了测试):vargulp=require('g

javascript - react-route,react-hot-loader.webpack(你不能改变<Router routes>;它会被忽略)

这是我第一个使用react,react-router,react-hot-loader,webpack-dev-server的项目和webpack。当我更改react组件中的代码时,热加载器生效,但同时控制台警告我:Youcannotchange《Routerroutes》;itwillbeignored.我不知道如何解决这个问题。有代码:网络包代码:varpath=require('path');varwebpack=require('webpack');module.exports={devtool:'source-map',entry:['webpack-dev-server/c

javascript - (Webpack)使用 url-loader 或 file-loader,我真的必须在我的 .js 中为我想要包含的每个静态图像包含一个 require() 吗?

我仍在学习webpack,并且我无法在我的生产构建中显示图像,直到我偶然发现一些代码具有require('path/to/image.png')在.js文件的顶部。所以我试了一下,你瞧,它奏效了。这对我来说似乎很奇怪。我真的必须为我需要提供的每个静态图像都包含其中之一吗?有一个更好的方法吗?如果没有,这将是一团糟。 最佳答案 您可以使用CopyWebpackPlugin在构建webpack项目时将src文件移动到Assets文件夹。此答案中的详细信息:https://stackoverflow.com/a/33374807/4929

javascript - 从 webpack 的 ExtractTextPlugin 和 style-loader 中缩小 css

在此跟踪器存储库中:https://github.com/pconerly/libsass-spritesmith-webpack-tracer这一行:https://github.com/pconerly/libsass-spritesmith-webpack-tracer/blob/master/webpack.config.js#L82我正在加载.scss,并将它们提取为纯文本。我还想缩小它们---我该怎么做?style-loader似乎没有它的选项。我应该改用另一个插件,例如css-loader吗? 最佳答案 所以除非您明确