草庐IT

webpack-file-loader

全部标签

javascript - Webpack require array of requirements(需要动态字符串)

我想在webpack中要求一个需求列表。一旦我将require函数的字符串参数替换为变量或常量,它就无法再注入(inject)需求。这是一个完美的例子:constangular=require('angular');但是一旦我将其更改为以下内容,它就不再起作用了:constangularString='angular';constangular=require(angularString);我的目标是拥有一个静态的依赖项列表,并像这样一个一个地注入(inject)它们:constangularDependencies=['angular-socket-io','angular-ui-r

javascript - 尝试使用 webpack 开发服务器路由带有点的 URL 导致 404

我正在使用Webpack的devserver方便本地发展。我正在开发一个单页应用程序,所以我启用了historyApiFallback:common.devServer={outputPath:path.join(__dirname,'www',outDir),historyApiFallback:true};但是,每当我尝试浏览到包含句点的url(例如/ui/alerts/map.postplay)时,我都会得到CannotGET/ui/alerts/map.postplay我怎样才能说服webpack-dev-server让我使用这些url? 最佳答案

javascript - Webpack:如何将多个 javascript 文件捆绑到一个输出文件中?

假设我有两个文件,ma​​in.js和app.js;如何使用Webpack将它们捆绑到一个文件中:bundle.js? 最佳答案 创建一个entry.js这是你的webpack入口文件,在这个文件中你的require你的附加文件webpack.config.jsmodule.exports={entry:'./src/entry.js'...};/src/entry.js//newsyntaximport'./main.js';import'./app.js';//oroldsyntaxrequire('./main.js');re

javascript - 使用 webpack 将 Assets 文件夹推送到公共(public)目录

我是第一次使用Webpack。目前一切都很好。我的问题是当我试图构建一个dist文件夹时。目前我得到了我的index.html和bundle.js文件,但我不知道如何将我的Assets推送到dist文件夹。我已经加载了文件加载器,但它实际上似乎并没有按照我的意愿执行,而且我运行的所有谷歌搜索都没有告诉我我需要知道的内容。下面是我的配置文件。有人能把马牵到水边吗?另外,一旦我让它运行起来,我是否需要将所有图像导入我的React组件?varpath=require('path');varHtmlWebpackPlugin=require('html-webpack-plugin');mod

javascript - 来自 jsdoc 的错误消息 "There are no input files to process"

Jsdoc在本地安装(npminstalljsdoc)。尝试执行时出现以下错误.\node_modules.bin\jsdoc--debug./lib/JavaScriptSource.js输出:调试:JSDoc3.3.0-dev(2014年6月15日星期日18:39:52GMT)调试:环境信息:{"env":{"conf":{"tags":{"allowUnknownTags":true},"templates":{"monospaceLinks":false,"cleverLinks":false,"默认":{"outputSourceFiles":true}},"source":

javascript - Webpack2 不理解我的 SASS 文件中的 @import 语句(How to compile SASS with webpack2?)

UsingWebpack2和sass-loader4.11webpack--configwebpack.config.js这是我的webpack.config.jsvarpath=require('path');varsass=require("./sass/lifeleveler.scss");module.exports={entry:'./dist/main.js',output:{filename:'lifeleveler.app.js',path:path.resolve(__dirname,'dist')},watch:true,watchOptions:{aggregat

javascript - react native : @providesModule declaration with the same name across two different files

我们有两个repos,它们都有react-native作为依赖项;一个是实际的RN应用程序,另一个是UI包,其中包含许多自定义的react-native组件。当我使用RN应用程序符号链接(symboliclink)(使用npm链接)UI包并尝试启动js服务器时,它抛出以下错误:此错误是由两个不同文件中具有相同名称的@providesModule声明引起的。这似乎是因为它在UI包的react-native副本中获取相同的RN文件。我知道watchman不使用符号链接(symboliclink)存在问题,但我认为这是不同的-与有两个react-native模块有关。请问有人知道解决这个问题

javascript - 好的编码 : modularized js files or one big js file?

只是想问问那里的专家。我知道CSS文件最好合并而不是分成无数个文件。js的工作方式一样吗?以下是我目前知道的几点(或相信......所以如果我的信念/理解有误,你可以指出一些事情):我知道js更好地模块化以便于维护将所有文件合并为一个文件是“有风险的”,因为有些功能您只想放在某个页面上。我知道并发下载会降低页面速度,因此最好只下载1个大文件。合并到1个文件中可能会导致变量范围问题?我知道有javascript编译器alabundle-fu或YUI,但这是所有问题的答案吗?不同的开发文件然后只有1个文件的js? 最佳答案 您不需要为开

javascript - Firefox 插件 SDK : Loading addon file into iframe

我想加载一个resource://链接,分别是我的Firefox插件中的一个本地文件到网页的iframe中。原因是,出于安全原因,资源应该以可视方式嵌入到网页中,同时不允许网站访问其DOM。这个问题过去曾在不同的地方讨论过,例如这里(没有解决方案):https://bugzilla.mozilla.org/show_bug.cgi?id=792479由于大多数帖子都比较老,我想问一下,在此期间是否有任何新的解决方案或解决方法。 最佳答案 我想我在错误中或在jetpack的ML中提出了一个糟糕的解决方法,基本上是将resource:/

javascript - Karma 无法加载 webpack

我遇到了这个错误;1607201513:03:52.741:WARN[preprocess]:Cannotload"webpack"!Error:Cannotresolvecirculardependency!(Resolving:preprocessor:webpack->webpackPlugin->preprocessor:webpack)我的karma.conf看起来像;varwebpack=require('webpack');module.exports=function(config){config.set({browsers:['Chrome'],//runinChro