草庐IT

html-webpack-plugin

全部标签

javascript - 使用 Angular、Express 和 Jade 刷新特定页面(使用 html5mode)

我正在尝试刷新页面并执行客户端路由以在ng-view中打开模板Index.jadeextendslayouts/defaultblockcontentsection(data-ng-view)script(type="text/javascript").window.user=!{user};default.jadedoctypehtmlhtml(lang='en',xmlns='http://www.w3.org/1999/xhtml',xmlns:fb='https://www.facebook.com/2008/fbml',itemscope='itemscope',itemty

javascript - 使用 gulp-rev 后如何将修订后的文件包含到 .html 中?

所以我在gulp中创建了这个任务:'usestrict';vargulp=require('gulp');vargulpGlobals=require('./_gulp-globals.js');varrev=require('gulp-rev');varrevReplace=require('gulp-rev-replace');gulp.task('gulp-rev',function(){varsources=gulpGlobals.src+'/somefolder/**/*.js';varfileToInject=gulpGlobals.destination+'/somefo

javascript - reactjs 和呈现纯 HTML

首先,我对React完全陌生,所以我不确定我的代码是否已经按照“React方式”编写。到目前为止,我已经创建了几个呈现Bootstrap模态的react类。为了设置初始状态,我在componentsDidMount函数中调用了一个Ajax函数。在我尝试将纯HTML插入模态主体之前,这一切正常。服务器请求工作正常,我在this.state.data.content中得到纯HTML代码,但如果我尝试将其插入模态主体,我会收到以下错误:Error:InvariantViolation:ObjectsarenotvalidasaReactchild(found:objectwithkeys{_

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 - 引用错误 : Unknown plugin "react-html-attrs" specified

我一直在尝试运行基于YouTube的示例Module-Loader程序但即使在关注了stackoverflow中与此相关的所有链接之后,我也无法解决这个问题。请在下面找到我的项目的详细信息,我的项目结构:**package.json**{"name":"react-tutorials","version":"0.0.0","description":"","main":"webpack.config.js","dependencies":{"babel-core":"^6.17.0","babel-loader":"^6.2.5","babel-plugin-add-module-ex

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 - 如何动态更改 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