草庐IT

webpack-handlebars-loader

全部标签

javascript - Webpack sass loader 无法识别全局变量文件

我有这个sass目录:-_vars.scss-main.scss//变量.scss$base-container:1400px;//main.scss@import'./vars';在我的其他js文件中:require('./some-module-sass-file');//some-module-sass-file.scss.container{width:$base-container;}问题是我在vars文件中有全局变量,而some-module-sass-file无法识别它们并抛出错误:undefinedvariable$base-container

javascript - 路径更改时 Webpack 从错误的 URL 加载

我正在编写一个React应用程序,当我导航到localhost:3000时一切正常,但是当我尝试转到localhost:3000/foo/page时,我收到一条错误消息,告诉我无法加载localhost:3000/foo/bundle.js。对我来说,这看起来像是Webpack在错误的位置查找bundle.js的问题,但我不确定。如何让应用程序始终查看bundle.js的localhost:3000?这是我的一些webpack配置。varTARGET=process.env.npm_lifecycle_event;varROOT_PATH=path.resolve(__dirname)

javascript - 无法解决在 typescript/webpack 中找不到模块 'rxjs'

我在将rxjs加载到简单的webpack设置(没有Angular)时遇到了问题。我在跑:./node_modules/.bin/webpack--configwebpack.config.js--watch启动webpack。该应用程序的唯一文件src/app.ts以:开头import{Observable}from'rxjs';并且此行在VSCode和webpack控制台中突出显示并出现此错误:Cannotfindmodule'rxjs'.但整体输出效果很好。只是这个控制台错误。tsconfig.json:{"compilerOptions":{"target":"es2015"},

javascript - 使用 Webpack 时 Typescript 编译器 "cannot find module"需要 CSS/图像 Assets

我正在编写vanillaJavascript,但使用Typescript编译器的checkJs选项在VSCode中进行类型检查。我将Webpack设置为加载各种Assets类型(CSS、图像等),这对于构建工作正常,但代码将这些语句视为错误。例如,在这段代码中require("bootstrap");require("bootstrap/dist/css/bootstrap.css");varimg=require("../img/image.png");第一行很好,但接下来的两行都在require()的(字符串)参数下显示错误,工具提示为“找不到模块(名称)”。我已经安装了@type

javascript - 在 Handlebars partial 中将导航菜单项设置为事件状态

目前,我正在为每个选项卡上的导航菜单重复代码,但我想使用部分代码,因此没有重复代码。这就是我正在使用的(下面),根据文件,active类在不同的列表元素上。相反,我想使用部分{{>fruits-nav}},但我找不到任何关于如何设置active类的信息,具体取决于哪个文件包含部分内容。appleorangemangopineapple 最佳答案 我认为你甚至可以让它稍微简单一点,更具可读性:appleorangemangopineapple渲染时:active:{pineapple:true}

javascript - 在 handlebars.js 中使用具有数字属性的对象

是否可以将Handlebars与具有数字键的对象一起使用?例如:varstr="{{apples}}",tmpl=Handlebars.compile(str);tmpl({apples:"works!"});//returns"works!"效果很好,但是varstr="{{4}}",tmpl=Handlebars.compile(str);tmpl({4:"works!"});//returnsError:Parseerroronline1:{{4}}-------^Expecting'DATA','ID',got'INTEGER'我在搜索时找不到任何引用资料,而且我还没有探索源代

javascript - 使用 react webpack 文件加载器提供静态 pdf

我正在提供一些静态文件,如图像和字体,没有任何问题。当我尝试对PDF文件执行相同操作时,出现错误。ERRORin./src/views/default/components/Footer.jsc:\Resurs\repos\Frontend\src\views\default\components\Footer.js5:17errorParseerrorsinimportedmodule'src/includes/ANVANDARAVTAL_MITTKONTOR.pdf'import/default✖1problem(1error,0warnings)ERRORin./src/view

javascript - webpackJsonp 未定义 : webpack-dev-server and CommonsChunkPlugin

这是我的webpack.config.js文件:constwebpack=require('webpack');constpath=require('path');module.exports={cache:true,devtool:'source-map',entry:{app:['./src/index.js'],vendor:['lodash']},output:{filename:'bundle.js',path:path.join(__dirname,'dist'),publicPath:'/dist/',pathinfo:true},module:{loaders:[{te

javascript - 模块构建错误 : pngquant ENOENT - webpack build succeeds on local OS X, 在 AWS Ubuntu 16.04 服务器上失败

我试图从头到尾找到答案,但似乎还没有答案。我正在使用React-Toolbox、React-Bootstrap和一些自定义scss。在我的本地机器上,构建工作正常。当我启动AWSUbuntu服务器并进行基本的节点生产设置时,在我的图像上构建失败。我正在使用Image-Webpack-Loader。我在文件加载器上链接它。这是我的生产webpack文件(对此的任何提示也非常感谢。总是认真学习)letwebpack=require('webpack');letHtmlWebpackPlugin=require('html-webpack-plugin');letExtractTextPlu

javascript - 从 Webpack 的 require.context 中排除文件

我试图在Webpack的require.context中包含我的Istanbul尔记者应该涵盖的所有文件。我想包含/要求app下没有.test.js扩展名的所有文件。//internals/testing/test-bundler.jsconstcontext=require.context('../../app',true,/^.*(?!(\.test|internals.*))\.js$/);context.keys().forEach(context);我的文件结构是:app/components/app/containers/app/decorators/app/orm/app