webpack-2

首页 > TAG信息列表 > webpack-2

javascript-是否可以让webpacks System.import使用ajax(用于进度事件)？

因此,我刚刚更新到webpack 2,并进行了第一个工作设置,其中webpack通过查看System.import调用自动创建块.真可爱！但是,我使用ajax调用加载了初始块,因此我可以show the progress while loading 所以我的问题是,我是否可以以某种方式覆盖或更改System.import的功能,以便它将使用我可

javascript-为什么某些使用typescript / webpack的项目也使用babel完成编译

我注意到一些使用Typescript和webpack的Web项目也使用babel完成编译.例如,他们使用ts编译到ES2015,然后使用babel编译到es5.为什么不直接使用ts直接编译为es5？如果项目中也有需要编译的js,以便他们只使用babel进行所有操作,是否是这种情况？还是我想念什么？谢谢.解决方法:有一些可能

javascript – 如何确定已安装的webpack版本

特别是在从webpack v1过渡到v2期间,以编程方式确定安装了哪个webpack版本非常重要,但我似乎找不到合适的API.解决方法:版本已安装：使用webpack CLI

javascript – Webpack 2：如何排除除.之外的所有node_modules

我需要让babel运行/ node_modules / identicons /但是我仍然想要排除所有其他包. 原因是the identicons package正在使用模板字符串并在运行时中断 “webpack -p” 有问题的字符串(node_modules / identicons / index.js)： str += `<rect x="${x}" y="${y}" width="${xside}" heigh

javascript – Webpack 2 – 如何停止为CSS和HTML生成.js文件？

我是Webpack的新手(2)所以请原谅我迄今为止的简单理解. 根据网上的一些教程,我拼凑了一个工作的package.json和webpack.babel.config.js文件. 从本质上讲,我试图将SCSS转换为CSS,将Pug转换为HTML,将JS转换为Babel’d JS. 当我运行我的dist命令时,它会生成文件,但也随之生成每个.scs

javascript – ReferenceError：找不到变量：Map

我正在使用Angular 4,Webpack 2.4.1,Karma 1.6和Jasmine 2.6.1,我正在编写ES2015而不是TypeScript 我有一个小角度演示应用程序,我想添加单元测试.演示应用程序本身正在运行,Webpack正在捆绑所有内容,但是当我尝试运行单元测试时,我在控制台中看到一些错误,如下所示： ReferenceErr

javascript – 如何使用webpack插件动态添加模块/依赖项？

我觉得我想要实现的并不是那么难……但是webpack文档处于严重的混乱状态,而且我在这方面花了很多时间. 我如何将“动态”模块注入到webpack构建中？我想在构建时创建这个模块. 举个简单的例子,如何在构建时将此字符串作为新模块注入？ "module.exports = new Date();" 然后让我说我希

javascript – webpack中的条件要求文件

我想将文件捆绑到我的生成版本中,只要它不是DEBUG; 所以我使用webpack.DefinePlugin并设置变量DEBUG === true. 还使用默认选项配置webpack.UglifyJsPlugin 在js文件中,我喜欢这样： const A = DEBUG === true ? null : require('./some-debug.js'); //do things with A, for exampl

javascript – react-dom吹出webpack捆绑大小MASSIVELY

这一直是我遇到的webpack最奇怪的问题之一…… 查看此捆绑细分：反应116.01KB – 足够公平 react-dom 533.24KB – 认真的WTF 我认为它可能是我的依赖项中的损坏,但nuking node_modules并重新安装没有任何影响.我想这与webpack捆绑它的方式有关,但是我迷失了想法.我正在处理.js进

javascript – WebPack不生成的源映射

不可否认,我对源地图和webpack有基本的了解.我的理解是,如果我在webpack.config.js文件中正确设置devtools,我应该获得映射到原始代码的源映射文件. 我正在使用以下配置文件,我没有得到任何源映射文件.知道为什么吗？ var IS_DEV = false; var webpack = require('webpack'); var p

javascript – 混淆各种webpack匀场方法

我对webpack允许暴露npm上不可用的变量或放入捆绑包中的变量的各种方式有点困惑.我能够通过使用公开谷歌可视化图表脚本的全球谷歌变量 resolve: { extensions: ['.js', '.json'], alias: { 'google': path.resolve(__dirname, 'vendor', 'google.js') } }

javascript – 从’vue’导入Vue将“不同的”Vue导入到不同的文件中

这个问题可能更多是关于Webpack和ES6导入而不是关于Vue. 我正在编写一个Vuex变异,它将一个新的mykey：[]添加到一个状态的对象中.这需要使用Vue.set(state.myobj,’mykey’,[]),以便新数组获得反应性. 但是,当我将Vue从’vue’导入到我的mutation.js并使用Vue.set(…)时,它无法解决问

javascript – Webpack和AWS Lambda问题 – 模块上缺少处理程序

我正在使用ES6,babel和Webpack 2捆绑AWS Lambda.然后我使用AWS SAM本地运行/测试它.当我点击api时出现以下错误 – Handler 'handler' missing on module 'dist/main' 这是我的webpack.config.js – const path = require('path'); module.exports = { entry: './index