草庐IT

absolute_import

全部标签

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 - 通过 ES6 import 导入远程文件

我有一个正在通过browserify编译和捆绑的ES6React应用。我有几个导入语句,例如:importReactfrom'react/addons'我还需要使用一个外部库来创建一个托管在CDN上的HTML小部件。我试过在包源之前或之后包含文件:当我尝试在控制台中引用CDN提供的对象时,它工作正常:Auth0Lock在React应用程序中引用它会引发语法错误。我假设我需要导入它...但是如何呢? 最佳答案 你可以通过npm安装auth0-lock,并作为本地依赖使用npminstallauth0-lock--save然后像这样将其

javascript - "import * as"是否比特定的命名导入效率低?

这个问题在这里已经有了答案:IsusinganES6importtoloadspecificnamesfasterthanimportinganamespace?(2个答案)关闭4年前。假设我有一个像这样的模块foo:exportconstf=x=>x+1;exportconstg=x=>x*2;我可以像这样使用这个模块:import{f,g}from'foo';console.log(f(g(2)));或者像这样:import*asfoofrom'foo';console.log(foo.f(foo.g(2)));我更喜欢第二种方式,因为它可以防止模块之间的名称冲突。但是,impor

javascript - Karma 未运行在 karma-webpack 中具有 "import"语句的测试

我有一些测试文件,其中包含我想针对我的应用运行的测试。我正在尝试使用karma、karma-webpack、karma-babel-preprocessor、karma-chrome-launcher和jasmine在我的测试中。我的应用程序依赖于很多东西,包括backbone、marionette等。我的应用程序是使用webpack构建的,我正在尝试使用>webpack将我的文件捆绑在一起进行测试。(我最初想看看我是否可以跳过这一步,即简单地import一个要测试的文件,但似乎这是不可能的。)我的测试脚本看起来像package.json(脚本部分)"test":"./node_mod

javascript - 从远程 repo 中拉出并获得 : "Parsing error: The keyword ' import' is reserved"

我收到以下错误:ERRORin./src/main.jserrorParsingerror:Thekeyword'import'isreserved/Users/staging/Desktop/sourcetree/viewer_web/src/main.js:1:1importVuefrom'vue'出于某种原因,我的项目中的ES6功能未被识别?我正在使用Node5.0,这是我的package.json:{"name":"istaging-viewer","description":"AVue.jsproject","author":"Alex","private":true,"sc

javascript - ES6 模块 : Exporting and importing performance differences

我的vue项目中有一些组件。我不喜欢importloaderfrom'@/components/someComponent1/someComponent1.vue';因为要写的东西很多而且我必须为每个组件重复一遍。所以我为components文件夹写了一个index.js:export{defaultassomeComponent1}from'./someComponent1/someComponent1.vue';export{defaultassomeComponent2}from'./someComponent2/someComponent2.vue';...这将允许我在一行中导

javascript - TypeError : __WEBPACK_IMPORTED_MODULE_0_react___default. a.createRef 不是函数

我是React.js的新手,刚才我正在学习React中ref的概念。他们在V16.3中有新的createRefAPI。我试图从REACTDOC's中学习这个像这样-importReactfrom"react";exportclassMyComponentextendsReact.Component{constructor(props){super(props);//createareftostorethetextInputDOMelementthis.textInput=React.createRef();this.focusTextInput=this.focusTextInput.

javascript - ionic 未捕获错误 : Cannot find module "." when importing a service provider

我正在尝试导入一个新的服务提供者,这是我在从我的ionic应用程序的最新分支中拉取后刚刚创建的。当我尝试导入这行代码时:import{AuthServiceProvider}from'../providers/auth-service'在app.module.ts中,我总是收到一条错误消息:UncaughtError:Cannotfindmodule"."atwebpackMissingModule(index.js:3)ate.code(index.js:3)atObject.(index.js:9)at__webpack_require__(bootstrap62d6a589782

javascript - Webpack2 不理解我的 SASS 文件中的 @import 语句(How to compile SASS with webpack2?)

UsingWebpack2和sass-loader4.11webpack--configwebpack.config.js这是我的webpack.config.jsvarpath=require('path');varsass=require("./sass/lifeleveler.scss");module.exports={entry:'./dist/main.js',output:{filename:'lifeleveler.app.js',path:path.resolve(__dirname,'dist')},watch:true,watchOptions:{aggregat

javascript - NPM 包 : best practices and exposing multiple import paths

我创建了一个使用Webpack和Babel进行转译/捆绑的NPM包。在我的package.json中,我将main设置为"main":"build/index.js"。在我的Webpack配置中,我将条目设置为entry:{app:'./src/index.js'}。我的条目文件如下所示。安装包后一切正常。但是,使用此设置,每个助手都会公开两个导入路径:对于支持自动导入的编辑器来说这是个问题,因为它们有时会从'my-package/build/utils/helper1'而不是'my的首选路径自动导入-包”。那么,两个问题:有什么方法可以防止较长的导入路径暴露出来吗?什么是创建NPM包