jjzjj

webpack-plugin

全部标签

javascript - Angular 1.X、webpack 和 ngtemplate 加载器问题

最近有人向我介绍了Webpack,我一直在尝试为Angular1和带有ES6的Webpack制作一个入门包。到目前为止,上帝。我能够创建这样的东西:importangularfrom'angular';importuiRouterfrom'angular-ui-router';importngAnimatefrom'angular-animate';importngAriafrom'angular-aria';importngMessagesfrom'angular-messages';importngMaterialfrom'angular-material';importUserM

javascript - 将 webpack 和 babel 与父项目目录中的文件一起使用

我有一个这样设置的项目,我正在尝试从file-b.js中获取file-a.js。project-name/node_modules/src/file-a.jstools/tool-name/node_modules/src/file-b.jswebpack.config.jspackage.jsonpackage.json我的webpack1.13.0配置一直有效,直到我添加了babel-loader6.2.4和babel-preset-es20156.6.0.然后我开始收到错误消息。ERRORin/home/dan/dev/dan/project-name/src/file-a.js

javascript - Webpack - 在 webpack.config.json 中使用脚本加载器

我才刚刚开始涉足webpack的世界。我在vueify中使用了很棒的Vue.js,因此我的模块是ES6。我遇到的一个困难是加载一些第3方jQuery插件。我正在使用ProvidePlugin加载jQuery-效果很好。plugins:[newwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery"})]然后我有一个名为plugins的目录,其中包含杂项jQuery插件。我的理解是脚本加载器只是将它们作为字符串加载到捆绑文件中,并在捆绑加载时对它们进行评估。然后可以像在常规脚本标记中加载这些脚本一样使用这些脚本(即不需要导入)。但我就是无法使用任

javascript - 找不到兼容版本 : babel-plugin-transform-decorators@^6. 13.0

很明显,当我运行npminstall时,突然出现以下错误:npmERR!Nocompatibleversionfound:babel-plugin-transform-decorators@^6.13.0npmERR!Validinstalltargets:npmERR!6.8.0,6.6.5,6.6.4,6.6.0,6.5.0,6.5.0-1,6.4.0,6.3.13,6.2.4,6.1.18,6.1.17,6.1.10,6.1.5,6.1.4,6.0.14,6.0.2我在package.json中有以下依赖项。我已经尝试将babel包更新到最新版本,以及安装babel-plugin

javascript - webpack -p 无法丑化 es2015 代码

webpack-pcli命令无法对es2015代码进行uglify包.json"devDependencies":{"babel":"^6.5.2","babel-core":"^6.13.2","babel-loader":"^6.2.4","babel-preset-es2015":"^6.13.2"}webpack.config.jsvarwebpack=require("webpack");varconfig={entry:'./src/app.js',devtool:"source-map",output:{path:'../Scripts',filename:'bundle

javascript - 意外的 token 导出 webpack

我有这样的webpack配置:loaders:[{test:/\.js$/,exclude:/node_modules/,loader:'babel-loader'}]和babel配置:{"presets":['es2015'],"plugins":['transform-runtime']}但是浏览器显示这个消息:UncaughtSyntaxError:Unexpectedtokenexport怎么了? 最佳答案 如果你使用的是webpack2loaders成为rules 关于java

javascript - 了解 Webpack 输出

我尝试使用1200个模块(95%的vendor)在观察模式下优化我们的6s构建时间。我试着了解正在发生的事情,这样我就可以让它更快。我不明白的地方:[emitted]是否意味着给定的block已构建?如何验证给定的block是否已重建?如何查看chunkHash?(我想确保webpack看到的方式与我使用md5的方式相同)我可以寻求哪些优化?事实:如果应用程序代码发生变化,vendor包不会以监视模式写入磁盘,我使用修改日期进行了验证并删除了它。触发重建时未创建该文件。此外,md5哈希值不会因vendor代码而改变。大部分时间花在构建模块上,模块计数器从0->1200运行。webpac

javascript - eslint-plugin-import 为 webpack 别名错误

我在我的项目中使用了webpack的别名。在我的原始项目中一切正常,但是当我克隆该项目时,我的webpack别名从import/no-unresolved中得到错误:Casingof$js/Controllerdoesnotmatchtheunderlyingfilesystemimport/no-unresolved更有趣的是我的项目运行良好。import/no-unresolved似乎发送了showfalse错误。有关更多详细信息,我添加了几个链接:.eslintrc.js,webpack.config.babel.js,LinktomyRepo如果您还需要什么,请告诉我。

javascript - Webpack 输出中的 "multi"是什么?

Webpack正在输出类似的东西[78]multi./src/index.js28bytes{0}[built]这一行的multi是什么意思? 最佳答案 multi表示多文件,换句话说,多个webpack条目作为一个数组。取决于入口对象,webpack,内部有不同的方法来处理它。当entry是数组时,则MultiEntryPlugin.js被称为。这是要遵循的内部流程:WebpackOptionsApply>EntryOptionPlugin>SingleEntryPlugin,如果条目是对象MultiEntryPlugin,如果条

javascript - webpack 为什么要构建 global.js?

我开始使用webpack,在我的第一个构建中,我注意到输出包含一个默认文件(索引1):build.js222kB0[emitted]main[1](webpack)/buildin/global.js509bytes{0}[built][2]./source/scripts/main.js105bytes{0}[built]+4hiddenmodules为什么包含这个文件?我没有任何依赖项需要接近我的build.js文件中出现的代码量。我预计输出中可能有10行代码,但我有8000行。我还注意到其他一些项目没有在输出中列出此文件。这是绝对必要的吗?我什至无法在文档中找到它。作为引用,我的