草庐IT

webpack配置

全部标签

javascript - webpack 外部设置不工作,文件被包含

我正在为react-toolbox重新打包cljsjs,我需要做的是不在完成的包中包含react和react-dom,所以,我显然添加了:externals:{"react":"React","react-dom":"ReactDOM"},到webpack.config.js,但它似乎不起作用。在生成的.js文件中,我期望是这样的:123:function(...){module.exports=React;},却发现:/*372*//***/function(module,exports,__webpack_require__){/*WEBPACKVARINJECTION*/(fun

javascript - 如何正确导出Webpack库?

第一次真正尝试使用webpack,我正在尝试创建一个可重用的库。我不知道如何正确导出我的库类。以下是我目前正在做的事情以及我如何尝试使用已构建的内容的一般概述。我有一个像这样的入口点:importClassAfrom'./classA';importClassBfrom'./classB';export{ClassA,ClassB};我想在我的应用程序需要时使用构建的库来导入我的类:import{ClassA}from'./libs/library.js';//currentlyusingchromeflagsfortesting但我无法为我的webpack构建找到正确的“输出”配置。

javascript - Webpack 插件 : How to add dynamically a Module to the main Chunk?

我正在开发一个Webpack插件,它基本上在block中寻找cssAssets,当它找到这样的Assets时,在其上应用一些返回的postCSS插件2个输出,一个应该继续使用Extract-Text-Plugin提取,另一个输出应该成为chunk中的一个新模块在运行时将其注入(inject)头部。我唯一没有设法实现的部分是在现有block中创建新模块的部分。有什么指点/想法吗?我设法从中创建了一个新block,但没有webpack包装器,这意味着我无法为那blockcss支持HMR并延迟加载它。classExtractTPAStylePlugin{constructor(options

javascript - 哈巴狗 + webpack-dev-server

我正在使用webpackv4,我正在尝试将Pug与webpack-dev-server一起使用,但是当我运行webpack-dev-server--modedevelopment它不提供已编译的Pug。请帮忙。我不知道该怎么办。感谢您的回复。这是我的配置:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');module.exports={entry:'./src/js/main.js',output:{path:path.join(__dirname,'dist'),filena

javascript - 如何更改 Sails JS 中间件的默认配置

我正在尝试更改SailsJS应用程序的设置,并且有点麻烦将参数传递给body-Parser以更改默认设置。我之前遇到过这里描述的问题:Postinglargerfiles我相信这个问题已经通过更改默认的“限制”选项得到正确回答,因为100kb默认大小减去formData对象的33%开销与我可以/不能发送的文件大小非常一致。所以提出的解决方案是这样的:varbodyParser=require('body-parser');...app.use(bodyParser.urlencoded({limit:1048576}));但我无法在我的Sails应用程序中实现该解决方案。我已经阅读了S

javascript - webpack 和 babel-polyfill : Can't resolve 'core-js/modules/es6.array.map' in source directory

当我执行webpack时遇到这个错误:Modulenotfound:Error:Can'tresolve'core-js/modules/es6.array.map'in'/path/to/project/src'@./src/index.ts1:0-39index.ts:console.log([1,2,3].map(x=>x*x));.babelrc:{"presets":[["@babel/preset-env",{"useBuiltIns":"usage"}]]}webpack.config.js:constpath=require('path');module.exports

javascript - 配置 Eclipse 以使用 Javascript 编辑器

在Eclipse中编辑JSP时,的内容标签-即Javascript代码-颜色编码和格式正确。出于超出此问题范围的原因,我创建了一个自定义javascript标记,我们称之为.这种类型的主体是纯javascript,就像您在常规中所拥有的一样。标签。但是,当我的自定义标记中包含Javascript代码时,它会被视为简单文本(没有颜色编码、没有适当的缩进等)。我的问题是,如何让Eclipse在自定义JSP标记中使用特定的编辑器? 最佳答案 你可以试试MyEclipse或AptanaStudio.他们为Web开发提供了更好的编辑器。但更好

【ubuntu环境配置】超详细ubuntu20.04/22.04安装nvidia驱动/CUDA/cudnn

一、NVIDIA显卡驱动安装nvidia显卡驱动安装方式有三种:使用ubuntu附加驱动的方式;使用命令行方式安装;使用.run文件的方式进行安装,1.1ubuntu附加驱动的方式点击菜单中的AdditionalDrivers选择适合的驱动版本进行安装,该方法最方便快捷(但有时会翻车)1.2命令行方式安装更新所有的软件包sudoadd-apt-repositoryppa:graphics-drivers/ppa#加入官方ppa源sudoaptupdate#检查软件包更新列表aptlist--upgradable#查看可更新的软件包列表sudoaptupgrade#更新所有可更新的软件包安装显卡

javascript - 配置 Angular FileManager 以供自定义使用

我对使用名为AngularFileManager的基于JavaScript的文件管理UI框架很感兴趣。.您可以点击链接仔细阅读该项目的GitHub页面,也可以通过单击here访问该框架的运行演示。.我面临的问题是似乎很少有文档或支持配置此框架以供自定义使用。具体来说,我想修改文件config.js来为文件管理器使用的Web服务指定我自己的服务器端端点。我尝试调整演示,可从链接获得,但我的浏览器只是挂起。理想情况下,我会寻找有关如何配置AngularFileManager的优秀教程的链接或以前成功使用该框架并有话要说的用户。 最佳答案

javascript - webpack-dev-server 的缓存问题

我在运行webpack-dev-server时遇到了一些问题。每当我保存文件并编译更改时,它们都不会反射(reflect)在浏览器中。(命令行没有错误)我正在运行以下命令:webpack-dev-server--progress--color但是,如果我每次更改时都运行webpack,这会反射(reflect)在我的浏览器中。我在我的Mac(最新版本的OSX)上运行Chrome,并且我启用了“Disablecachewhiledevtoolsisopen”选项。不用说,但是嘿-你永远不会知道,我打开了我的DevTools..:)我是不是漏掉了一个简单的步骤?