草庐IT

javascript - 为什么我们在使用 babel-loader 时要排除 node_modules?

网站上问的大多数问题是如何排除node_modules但相反,我想知道为什么我们要排除node_modules?module.exports={mode:'production',entry:'./src/index.js',output:{path:path.join(__dirname,'dist'),filename:'app.bundle.js'},module:{rules:[{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/,options:{presets:['@babel/preset-env']}}]}

javascript - webpack 导入的模块不是构造函数

我创建了一个小的JS模块,我打算制作一个npm包,但目前只在GitHub上。该模块是用ES6和SCSS编写的,因此依赖于webpack和babel进行编译。为了测试它,我创建了一个具有类似设置(webpack和babel)的单独项目。在npm安装我的模块后,当尝试将它导入我的index.js时,我在Chrome开发者工具中收到以下错误:(x是我的模块名称)index.js:11UncaughtTypeError:x__WEBPACK_IMPORTED_MODULE_1___default.aisnotaconstructorateval(index.js:11)atObject../s

javascript - 为什么需要 ("angular") 返回一个空对象

我已经像这样配置了webpack:resolve:{alias:{angular:path.join(__dirname,'./node_modules/angular/angular.js')}},在我的文件中,我需要这样的Angular:varangular=require("angular");但是由于某种原因返回了一个空对象,为什么? 最佳答案 其他答案不太准确-核心angular.js文件确实不支持CommonJS,但如果你从NPM安装它,一个名为的小包装文件提供了index.js。它实际上只有两行:require('./

javascript - 带有 requirejs/AMD 的 Webpack

我正在为一个仍然使用requireJS进行模块加载的现有项目开发一个新模块。我正在尝试为我的新模块使用新技术,例如webpack(它允许我使用es6导入来使用es6加载程序)。似乎webpack无法与requireJS语法协调。它会说类似这样的话:“找不到模块:错误:无法解析”。问题:Webpack不会打包带有requireJS/AMD语法的文件。问题:有没有办法让webpack和requireJS兼容?我的最终输出必须是AMD格式,以便项目正确加载它。谢谢。 最佳答案 我有同样的问题,我设法实现了它。下面是相同的webpack.c

javascript - 使用 Webpack 和 Babel 导出类不起作用

我有一个非常简单的Webpack和Babel设置,用于小型图书馆。之前,我有以下架构来生成库的ES5版本:module.exports.lib=(function(){/*privatepartoflibraryhere*/return{.../*publicpartoflibraryhere*/}})();一切都以这种方式运行良好,我什至在我的库中有一些ES6功能,例如箭头函数,并且一切正常。但是,我决定将我的方法更改为ES6类,这样:exportdefaultclassLibrary{}现在,当我尝试这样做时:varlibrary=newLibrary();我知道库没有定义。即使只

javascript - Webpack 突然崩溃了

一周前它运行良好。现在,没有任何更改(相同的PC和完全相同的文件-与repo没有差异),在npminstall之后它不再工作并崩溃并出现以下错误:user@machine:~/workspace/work/project$npmrunbuild>project@0.0.1build/some_outer_path/some_path/workspace/work/project>rimrafdist&&webpack--progress--profile--bail10%buildingmodules3/12modules9active...h-fe/node_modules/quil

javascript - 编译 ES6 和 VUE JS 在 IE 11 中不起作用

所以我在IE11中遇到了ES6、Webpack和VUEJS的问题。这在Edge、Chrome、Safari和Firefox中有效,但在IE11中无效。错误:SCRIPT1002:Syntaxerrorvue.js(16,8498)好的,那么这一行是什么?(module,__webpack_exports__,__webpack_require__){"usestrict";eval("/*unusedharmonyexportgetJSON*/\n/*unusedharmonyexportgetScrollBarWidth*/\n/*unusedharmonyexporttransla

javascript - 将 webpack 与 babel 和 babel-preset-react 以及 babel-preset-es2015 一起使用

我正在尝试转换编译我的react/es6代码并且来自browserify。由于新的babel6版本以及大多数教程现在已经过时的事实,我正在努力创建一个webpack构建。这适用于我的.babelrc:{"presets":["react"]}但是当我把它改成这样的时候:{"presets":["es2015","react"]}它抛出这个神秘的错误:./client/App.js中的错误模块构建失败:错误:您为我们提供了节点类型“NumericLiteral”的访问者,但它不是有效类型如果有帮助的话,这是我的webpack.config.js:module.exports={entry

javascript - Webpack 开发服务器不自动重新加载

所以我已经设置了webpack和webpack-dev-server,但是webpack-dev-server不会自动重新加载。如果我修改文件并保存它,在我手动刷新之前,浏览器中没有任何变化。这是我的webpack配置和运行webpack-dev-server的脚本文件。有没有人看到任何可能阻止自动重新加载工作的东西?我通过阅读多个教程、文档以及通过阅读react-create-app生成的文件将它们放在一起。config/webpack.config.dev.js'usestrict';constExtractTextPlugin=require('extract-text-webp

javascript - webpack 2 无法解析空扩展

所以在webpack2当需要/导入文件时importfilefrom'./file';我收到以下消息:Youmayneedanappropriateloadertohandlethisfiletype.这是因为当我在webpack@1.xx中需要一个文件时,我曾经有:解析:{扩展名:['','.js']...但这似乎在webpack@2中不再被接受Invalidconfigurationobject.WebpackhasbeeninitialisedusingaconfigurationobjectthatdoesnotmatchtheAPIschema.-configuration.