草庐IT

babel-plugin-module-resolver

全部标签

javascript - 需要没有 Browserify、Webpack 或 Babel 的 reactjs 模块

我正在尝试在visualstudio中设置TypeScriptHTML应用程序。我想使用reactjsv0.14.7我想避免使用像Browserify这样的工具。但是,如何使用react-dom模块呢?让我们暂时忘掉typescript。我需要先启动并运行纯ES5。目前,我有这个:varButton=React.createClass({render:function(){return(React.createElement("div",{className:"btnbtn-default"},'helloworld'));}});ReactDOM.render(React.creat

javascript - 网页包 2 : cannot resolve module

我有这样一个项目:root/webpack-config.jsapp/app.jsjs/dep.jscore/module.js这是webpack配置文件:module.exports={entry:'./app/app.js',output:{path:__dirname,filename:"[name]-bundle.js"},module:{loaders:[{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/}]},resolve:{modulesDirectories:['core']}...在app.js中,我

javascript - Promise.resolve(promise) 的用例是什么?

我们可以调用Promise.resolve(value)以及Promise.resolve(promise)。我可以理解应该在何处以及如何使用第一个调用,但不确定第二个调用。为什么不首先简单地使用promise作为参数呢?我的意思是打电话:promise1.then()代替:Promise.resolve(promise1).then()? 最佳答案 Promise.resolve基本上是“我不在乎这是什么,给我一个promise”。通常,每当你得到一个论点时,可能是一个promisePromise.resolve是使用它的正确方法

javascript - 使用 Gulp 和 Babel 缩短构建时间

我试图在添加gulp-babel后加快构建时间到我的构建过程...起初我以为gulp-cached可能会有所帮助,但这会导致编译后的文件仅包含最近编辑过的那些文件(我现在明白了gulp-cached是如何工作的)。没有babel我的构建时间是使用babel最多1.5秒。我当然希望它回到200ms...有什么想法吗? 最佳答案 使用gulp-cached和gulp-remember。只有已更改的文件才会通过管道,然后gulp-remembers将它们全部添加回去。:)returngulp.src(array).pipe(cached(

javascript - 如何使用 babel 7 添加 flatMap?

看完文章RemovingBabel'sStagePresets通过babel,我仍然不完全理解如何将提案从stage-3(flatMap)添加到.babelrc.据我了解,因为flatMap可以用ES5写,所以我需要一个polyfill而不是一个插件。我在--save-dev下安装了@babel/polyfill但浏览器仍然告诉我这个方法不存在。我猜@babel/polyfill没有涵盖实验性功能。 最佳答案 flatMap已从babel7的@babel/polyfill中删除。您需要直接从core-js中包含它,例如import"

javascript - 使用 Webpack 时 Typescript 编译器 "cannot find module"需要 CSS/图像 Assets

我正在编写vanillaJavascript,但使用Typescript编译器的checkJs选项在VSCode中进行类型检查。我将Webpack设置为加载各种Assets类型(CSS、图像等),这对于构建工作正常,但代码将这些语句视为错误。例如,在这段代码中require("bootstrap");require("bootstrap/dist/css/bootstrap.css");varimg=require("../img/image.png");第一行很好,但接下来的两行都在require()的(字符串)参数下显示错误,工具提示为“找不到模块(名称)”。我已经安装了@type

javascript - 在本地使用 babel-cli

有没有办法在不全局安装的情况下使用babel客户端?所以而不是这个npminstall-gbabel-cli我想做这个npminstallbabel-cli--save-dev 最佳答案 可以在npmscripts中访问任何本地包的二进制文件就好像它是全局安装的://package.json{"scripts":{"build":"babel..."}}如果你想在命令行上执行二进制文件,你可以使用node_modules/.bin/的相对路径:$node_modules/.bin/babel...这与第一个示例相关:node_mod

javascript - jshint 错误 : Cannot find module 'underscore'

我的grunt任务似乎运行得非常好,但每次运行它时我都会收到此错误:Loading"jshint.js"tasks...ERROR>>Error:Cannotfindmodule'underscore'有什么办法可以找出为什么会这样吗?我可以看到/grunt-contrib-jshint目录位于/node_modules目录中。有什么原因找不到underscore模块吗?我试过运行npminstall但在运行grunt时我仍然遇到同样的错误。有什么想法吗?感谢您的帮助。 最佳答案 当您遇到找不到模块x错误时,有时可能会有所帮助的一件

在vue3+vite项目下按需引入vant报错Failed to resolve import解决方案

在vue3+vite项目下按需引入vant报错Failedtoresolveimport解决方案问题描述原因分析解决方案问题描述近日尝试使用vite+vue3+vant开发项目过程中,参考vant官网开发指南->快速上手->引入组件按照上述配置好后,运行vite环境报错:Failedtoresolveimport原因分析根据报错信息,发现是vant的样式引入路径不对。程序解析为:项目路径/node_modules/vant/lib/vant/es/组件/style实际应该是:项目路径/node_modules/vant/lib/vant/es/组件/style多了一个vant/lib路径。解决

javascript - Babel - 使用 transform-async-to-generator 插件时未定义 regeneratorRuntime

我无法正确设置babel以使用async/await。我正在使用babel7和webpack4。如果可能,我不想使用babel-polyfill!我的babelrc文件:{"presets":[["@babel/env",{"modules":false}]],"plugins":["syntax-dynamic-import","transform-async-to-generator"]}代码:asyncfunctioninit(){constloaderData=awaitinitLoader();initCmp(loaderData).then(initApi(loaderDa