草庐IT

webpack配置

全部标签

javascript - RequireJS 路径配置

我的RequireJS开发配置(在“index.html”文件中)是:require.config({baseUrl:'js',paths:{angular:'libraries/angular-1.1.5.min',jquery:'libraries/jquery-2.0.0.min',underscore:'libraries/underscore-1.4.4.min',...zeroclipboard:'plugins/zeroclipboard-1.0.7.min',tablesorter:'plugins/jquery.tablesorter-2.9.1.min',...},

javascript - 更改 windowManager TinyMCE 上按钮的配置

我在tinyMCE上制作了一个用于上传图片的文件管理器,并从另一个文件(attachment_path)获取表单上传和图片列表。首先,当我选择图片时,我成功获取了图片url并放入field_name。但是现在我想在选择图像时将禁用按钮(插入)更改为false并将图像的url放入按钮(使用自定义属性)。index_path上的脚本:file_browser_callback:function(field_name,url,type,win){tinymce.activeEditor.windowManager.open({title:'MyFileManager',file:"",wid

javascript - Perf 未定义 - 使用 webpack-dev-server 运行 React 应用程序

我正在尝试使用Perfaddon来衡量react性能,但是当我试图在我的控制台中运行Perf.start()时,我收到一个错误:UncaughtReferenceError:Perfisnotdefined(…)值得一提的是,我已经通过npm安装了插件,并且在我的main.js文件中有一个require('react-addons-perf')。我猜测这个问题与我正在运行webpack-dev-server并且全局变量没有正确公开有关,但不幸的是不知道如何正确处理它。谁能帮我解决这个问题?这是我的webpack.configcodepen上的文件内容供引用。

javascript - d3-tip 不适用于 webpack

我使用webpack和TypeScript,d3-tip似乎无法与webpack一起使用。我在鼠标悬停事件上出错“未捕获的TypeError:无法读取null的属性‘target’”。出现这个错误是因为d3-tip模块中的d3.event为null。我包含如下模块:constd3:any=require("d3");d3.tip=require("d3-tip");但我猜d3那里的d3和d3-tip模块中的d3是不同的,这是问题的根源,但我不知道如何解决它。在d3-tip模块中我们有:(function(root,factory){if(typeofdefine==='function

javascript - 如何给 webpack 丑化 JavaScript 添加 header 注释?

我目前正在使用以下webpack.config.js:varwebpack=require('webpack');module.exports={entry:__dirname+"/src/index.js",output:{path:__dirname,filename:"index.js"},module:{loaders:[{test:/\.js$/,loader:'babel',exclude:'/node_modules/',query:{presets:['latest']}}]},plugins:[newwebpack.optimize.UglifyJsPlugin({m

javascript - Webpack:Bundle.js - 未捕获的 ReferenceError:未定义进程

这是我的webpack.config.js"usestrict";module.exports={entry:['./main.js'],output:{path:__dirname,filename:'bundle.js'},module:{loaders:[{test:/.js?$/,loader:'babel-loader',exclude:/node_modules/,query:{presets:['es2015','react']}},{test:/\.json$/,loader:"json"},]},externals:{React:'react',},target:"n

javascript - Webpack 错误 bundle.js :1 Uncaught SyntaxError: Unexpected token <

我在本地运行服务器并收到错误bundle.js:1UncaughtSyntaxError:Unexpectedtoken在输出bundle.js中是index.html文件的html代码。这是设置我的webpack.config文件。你能告诉我设置有什么问题吗?importpathfrom'path';importwebpackfrom'webpack';exportdefault{devtool:'eval-source-map',entry:['webpack-hot-middleware/client',path.join(__dirname,'/client/index.js'

javascript - 如何在 React 应用程序运行时加载 JSON 配置?

我有一个React应用程序(具有静态内容,不使用Node.js),我需要加载一个配置文件(JSON)。文件加载需要在运行时,因为配置需要有不同的数据,与托管应用程序的服务器相关。由于最后一个要求,我无法使用例如webpack外部加载文件,因为应用程序不会在JSON文件更新时更新配置。最好的方法是什么?我已经使用FetchAPI(加载文件的http请求)完成了这项工作,但也许有更好的方法来做到这一点。 最佳答案 根据您的用例,这里至少有2个选项:像您提到的那样获取配置。我通常在这些方面做什么场景放了一个data-attribute在我

javascript - 如何动态更改 webpack 中的导入路径?

我有一组通常从一个目录导入的导出:import{myThing}from'path/to/dir/es5/things'但是,如果我使用特定的NODE_ENV集运行webpack,我希望所有此类导入的根都被视为es6:import{myThing}from'path/to/dir/es6/things'我该怎么做,例如让webpack动态解析path/to/dir/es5/*到path/to/dir/es6/*? 最佳答案 您可以为此使用别名。例如,在您的webpack配置中,您可以使用如下内容:constalias={};if(N

javascript - Rails 5 + Webpacker 应用程序作为空白页面部署到 Heroku,没有失败

我有一个使用Webpacker和Vue.js的简单Rails5.1应用程序。它在开发中与webpack-dev-server完美配合.当我推送到Heroku存储库时,它完成时没有任何错误,也没有任何异常。HTML页面呈现但应该呈现Vue.js应用程序的元素仅由注释替换:JavaScript包文件确实在,我看了看,好像都是对的。我尝试用Node.jsBuildpack和RubyBuildpack替换普通的Rubybuildpack,但无济于事。这是完整的Heroku部署日志:----->Node.jsappdetected----->CreatingruntimeenvironmentN