草庐IT

gulp-webpack

全部标签

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 - 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 - 使用 Gulp 远程导入字体

所以我注意到我当前的Gulp设置没有导入远程字体,例如谷歌字体。在我的main.scss文件中我有:@importurl(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,700,700italic,400italic,900,900italic);当它编译缩小后看起来像这样:@font-face{font-family:Lato;font-style:normal;font-weight:100;src:local('LatoHairline'),local('Lato-Hairl

javascript - gulp-sourcemaps 不适用于 babel 6

因此,babel发布了截然不同的版本6。源map显示不正确(在Chrome开发人员中单击js文件不会引导我到es6源文件中正确的对应行)。这是我的gulpfile:"usestrict";vargulp=require("gulp"),sourcemaps=require("gulp-sourcemaps"),babel=require("gulp-babel"),uglify=require('gulp-uglify'),rename=require('gulp-rename');varpaths=['dojo-utils','dom-utils/dom-utils','esri-u

javascript - Gulp-inject 说 "Nothing to inject into index.html"

我试图在我的索引中注入(inject)一些文件,所有这些文件都连接并缩小到一个.tmp文件夹中,如下所示:gulp.task('prep-js',['clean'],function(){varjspath='./src/page/**/*.js';vartreatJs=gulp.src(jspath).pipe(plugins.concat('scripts.js')).pipe(plugins.uglify()).pipe(gulp.dest('.tmp/page/js'))});但是当我运行注入(inject)任务时,它显示“没有任何东西可以注入(inject)到index.ht

javascript - 从 gulp 运行时在 Webstorm 中调试 Node js

我对此很陌生,但我确实尽了最大努力寻找答案。我使用yeoman生成了一个应用程序。(使用'angularfullstack'-https://github.com/angular-fullstack/generator-angular-fullstack)它有一个运行nodemon的gulpfile.babel.js配置文件。我要做的是让gulp服务nodemon实例命中我的Webstorm断点。到目前为止我尝试了什么:--定期调试。(微不足道..)但是当Node遇到ECMA6语法时,它似乎会发送异常。(仍然..我宁愿运行gulp实例也不愿从webstorm运行它。)--使用--deb

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文件并在导入时包含.

javascript - Webpack ES6 modules 使用索引文件时的循环依赖

我有一个大项目,我现在尝试重构为ES6模块。为了进一步开发更容易,我想引入索引文件,它只导出目录中的所有模块:index.js:export{defaultasModuleA}from'./moduleA'export{defaultasModuleB}from'./moduleB'export{defaultasModuleC}from'./moduleC'moduleA.js:import{ModuleB}from'./index'moduleB.js:import{ModuleC}from'./index'ModuleC.doSomething()moduleC.js:expor

javascript - 避免将 lib 依赖项与 webpack + handlebars loader 捆绑在一起

我正在使用handlebars模板编写一个库,我想使用Webpack来捆绑它。我正在使用handlebars-loader这样我就可以要求并预编译模板。但是我不希望Handlebars(或Handlebars/运行时)包含在我编译的库中,因此,我想将它们设置为外部。这是我的配置文件:module.exports={context:__dirname+'/src',entry:'./index.js',output:{path:__dirname+'/dist',filename:'stuff.js',libraryTarget:'umd',library:'Stuff'},extern