草庐IT

webpack_require

全部标签

javascript - 使用 webpack 在浏览器中使用 require 模块

过去2天尝试在带有webpack的浏览器中使用require('modules'),当时我可以在5分钟内在browserify中做同样的事情......这是我的webpack.config.jsvarwebpack=require('webpack');varpath=require('path');varfs=require('fs');varnodeModules={};fs.readdirSync('node_modules').filter(function(x){return['.bin'].indexOf(x)===-1;}).forEach(function(mod){n

javascript - .ejs 模板中图像的 Webpack 文件/图像加载器

如果图像标签在我的index.ejs模板中,我似乎缺少在webpack配置中加载图像的设置。我项目中html文件中的所有图像在我的构建过程中都被正确重命名并正常加载,但.ejs文件中的图像标签被忽略。即在我的.ejs中,如果我有,它会保持这种状态,但在普通的html文件中,它会更改为我当前的装载机:loaders:[//HTMLFiles{test:/\.html$/,loader:'html'},//TranspileES6toES5{test:/\.js$/,include:path.join(__dirname,'src'),exclude:/node_modules/,load

javascript - Webpack、IE8 和 ES6 模块

最新版本的webpack不支持IE8。我已经尝试使用1.12.12(我认为这是支持IE8的最后一个版本),但仍然会从不可调整的Object.defineProperty中得到错误。https://github.com/webpack/webpack/issues/2085上一个支持IE8的webpack版本是什么?它曾经与ES6模块一起工作过吗?webpack.config.js:varwebpack=require("webpack");vares3ifyPlugin=require('es3ify-webpack-plugin');varproductionPlugin=newwe

javascript - Prop 在组件中被标记为 required,但其值为 `undefined`

单.js:importReact,{Component}from'react';importDetailsfrom'../components/details'import{ProgressBar}from'react-materialize';import{Route,Link}from'react-router-dom';constTest=()=>(RENDERPAGE1)classSinglePageextendsComponent{constructor(props){super(props);this.state={data:null,}}componentDidMount

javascript - Webpack 开发服务器不热重新加载 .vue 文件

一直在做一个项目,并确定HMR正在工作,如果我更新我的任何.js文件,webpack都会编译,并且模块会被替换掉。我正在处理一个.vue文件,webpack会重新编译,但没有super新鲜的HMR。希望有人可以看一下并告诉我是否有问题:我在cli中使用的脚本如下所示。webpack-dev-server--d--watch--output-path./public--config./_src/webpack.config.js--progress--env.dev我猜最重要的一点是:devServer:{contentBase:'public',hot:true,filename:'m

javascript - 在 webpack 捆绑库上模拟 fbasyncInit 行为

我正在使用webpack构建一个针对浏览器的库。我真的很想在不手动修改捆绑库的情况下复制fbasyncinit行为。webpack是否提供了在加载库本身后调用函数的方法?或者是否有另一个允许这样做的替代bundler?对于那些不知道的人,window.fbasyncinit是facebooksdk在完成加载时调用的函数,因此您编写函数来初始化facebooksdk的东西。 最佳答案 根据您的设置,您可能希望将您的库设为外部和lazyload它进入目标应用程序。简而言之,这意味着您的库与应用程序一起存在,但实际上不会在初始化时加载。然

javascript - 无冲突地使用 Jam.js、require.js 和 node-webkit

我目前正在编写一个Web应用程序,稍后打算使用node-webkit进行部署。我想尽可能少地使用node.js,这样我就可以选择轻松部署到Web,而无需重写大部分代码。我使用Jam.js作为包管理器。很明显是node.js的require和require.js的require冲突的问题。使用requirejs而不是require似乎是一个不错的选择。但是,Jam.js编译require.config.js文件并在其中使用require(而不是requirejs)。目前,我必须执行window.require=undefined;以使Jam.js的require.js在node-webk

javascript - Karma Require.js——改变目录结构正在杀死一切

几天来,我一直在尝试设置karma以与Require.js一起工作(然后再将require与angular一起使用),这令人非常沮丧。这是我的文件树在这个例子中的样子:$tree.|--public||--index.html||--src||--app.js|`--main.js|--config||--karma.conf.js|--lib||--jquery.js||--require.js|`--underscore.js|--src||--app.js|`--main.js`--test|--appSpec.js`--test-main.js注意事项:我正在处理的这个存储库是

javascript - React Router 服务器端呈现错误 : Warning: Failed propType: Required prop `history` was not specified in `RoutingContext`

我正在设置一个简单的玩具应用程序来学习React/Hapi,并且一切正常,直到我尝试设置服务器端路由。服务器运行无误,并使用helloworld正确呈现“/”。但是,当我导航到“/test”时,出现以下错误。Warning:FailedpropType:Requiredprop`history`wasnotspecifiedin`RoutingContext`.Warning:FailedpropType:Requiredprop`location`wasnotspecifiedin`RoutingContext`.Warning:FailedpropType:Requiredprop

javascript - 带有 Webpack 的 VueJS : imports and exports not working as expected

我启动了一个新的Vuetify/Webpack项目,并尝试通过vueinitvuetify/webpack设置项目后实现vue-router。我根据thistutorial中的说明设置路由器.经过一些摆弄后,我通过更改导入Vue组件的方式使其正常工作。在我的router/index.js文件中://worksformeimportMainfrom'../components/Main.vue'//doesNOTwork;fromthetutorialimportMainfrom'@/components/Main'我的问题是,为什么我必须相对导入我的Main.vue文件并在导入时包含.