我使用带有ts-loader的webpack来转换和捆绑各种TypeScript文件。这是我的配置:tsconfig.json{"compileOnSave":false,"compilerOptions":{"noImplicitAny":true,"noEmitOnError":true,"removeComments":false,"sourceMap":true,"target":"es5","module":"es2015","lib":["dom","es2015","es2016"],"allowSyntheticDefaultImports":true,"moduleR
根据基金会的documentation:AfteryouhaveincludedtheFoundationJavaScript,justaddasimplecalltoinitializeallpluginsonyourpage.WerecommendthatyouinitializeFoundationattheendofthepage.$(document).foundation();我的应用使用WebPack，因此模块加载是异步。这意味着正文底部的经典脚本会在ui-view被模板填充之前运行。(使用Angular)。如果我将脚本放在底部，DOM会在被Foundation的脚本解析
我正在尝试在我的应用程序中设置代码拆分/分块-通过路由，使用require.ensure。所以这是我的路线:{require.ensure([],(require)=>{cb(null,require('attendee/containers/Profile/').default)},'attendee')}}/>以下是我的webpack配置中的相关行:constPATHS={app:path.join(__dirname,'../src'),build:path.join(__dirname,'../dist'),};constcommon={entry:[PATHS.app,],o
我想通过本地网络上的设备测试React网站。它适用于其他PC，但不适用于我的手机。你们有什么想法可能导致这种情况吗？这是我的配置文件的样子:constwebpack=require('webpack');constpath=require('path');module.exports={entry:{mainFeedPage:['webpack/hot/only-dev-server','./src/mainFeedPage.js'],venues:['webpack/hot/only-dev-server','./src/venues.js'],artists:['webpack/h
我正在尝试构建一个将模块/文件注入(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
我成功地将现有的Angular2项目转换为Angular4，但转换后出现以下错误:-模块构建失败:类型错误:无法读取属性“排除”的未定义更多详情，请引用下面的图片下面提供了我的package.json和tsconfig.json文件。package.json:-{"name":"project","version":"0.0.1","description":"project","keywords":["project"],"scripts":{"build:dev":"webpack--configconfig/webpack.dev.js--progress--profile","
第一次真正尝试使用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
