我正在尝试构建一个将模块/文件注入(inject)客户端包的插件。入口配置可能如下所示:entry:{'main':['some-stuff'],}我想像这样使用我的插件:functionSomePlugin(options){this.entryToAppendTo=options.entryToAppendTo}...plugins:[newSomePlugin({entryToAppendTo:'main'})]在我的插件中，我想像在Webpack本身中完成一样要求该文件，例如:SomePlugin.prototype.apply=function(compiler){compi
我正在尝试使用webpack将插件(freezeframeplugin)添加到我的应用程序中，但我无法理解如何操作。我从我的应用程序本地提供这个文件，而不是从cdn或npm/bower。我已经进行了全面搜索以尝试解决这个问题，但一直无法接近。我的webpack文件如下所示:constwebpack=require('webpack');constconf=require('./gulp.conf');constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constautoprefi
我正在为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
我有一个用Vue1构建的分页组件，为此我从Laravel分页接收数据:Novideosfoundfor"{{query}}""importeventHubfrom'../events.js'exportdefault{props:['query'],data(){return{videos:[],meta:null,showPagination:false,zeroVideos:false,}},methods:{getVideos(page){this.$http.get('/search/videos?q='+this.query+'&page='+page).then((resp
第一次真正尝试使用webpack，我正在尝试创建一个可重用的库。我不知道如何正确导出我的库类。以下是我目前正在做的事情以及我如何尝试使用已构建的内容的一般概述。我有一个像这样的入口点:importClassAfrom'./classA';importClassBfrom'./classB';export{ClassA,ClassB};我想在我的应用程序需要时使用构建的库来导入我的类:import{ClassA}from'./libs/library.js';//currentlyusingchromeflagsfortesting但我无法为我的webpack构建找到正确的“输出”配置。
我正在开发一个Webpack插件，它基本上在block中寻找cssAssets，当它找到这样的Assets时，在其上应用一些返回的postCSS插件2个输出，一个应该继续使用Extract-Text-Plugin提取，另一个输出应该成为chunk中的一个新模块在运行时将其注入(inject)头部。我唯一没有设法实现的部分是在现有block中创建新模块的部分。有什么指点/想法吗？我设法从中创建了一个新block，但没有webpack包装器，这意味着我无法为那blockcss支持HMR并延迟加载它。classExtractTPAStylePlugin{constructor(options
我正在使用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
当我执行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
我在运行webpack-dev-server时遇到了一些问题。每当我保存文件并编译更改时，它们都不会反射(reflect)在浏览器中。(命令行没有错误)我正在运行以下命令:webpack-dev-server--progress--color但是，如果我每次更改时都运行webpack，这会反射(reflect)在我的浏览器中。我在我的Mac(最新版本的OSX)上运行Chrome，并且我启用了“Disablecachewhiledevtoolsisopen”选项。不用说，但是嘿-你永远不会知道，我打开了我的DevTools..:)我是不是漏掉了一个简单的步骤？
我在js文件中执行以下操作varFS=require('fs');varTestGoogle=eval(FS.readFileSync('../loader.js','utf8'));我添加到我的webpack配置中:node:{fs:"empty"}webpack使用Babel编译，但我在js控制台中收到错误FS.readFileSyncisnotafunction这是为什么？我只想导入一个javascript文件。特别是为了使用谷歌的Material条形图。https://developers.google.com/chart/interactive/docs/gallery/ba
