如何从主文件夹外部导入 javascript 模块
how to import javascript modules from outside the main folder
我在我所有的项目中都使用了一堆我编写的js库并存储在我的计算机中。也是 scss 文件,是的。我想 modify/update 它们放在一个地方,然后通过将它们导入主 js 或 scss 文件中,在我需要的所有项目中使用它们。我曾经使用 Codekit App 框架功能来做到这一点。
现在,对于某些项目,我正在转向 npm
和 webpack
,我也想这样做。虽然,无法弄清楚如何,因为在导入 js 模块时,我似乎无法使用到我机器中某个地方的绝对路径。
你会如何解决这个问题?也许使用别名?如何配置 npm 和 webpack?有 idea/best 练习吗?
你想要的有一些解决方案:
NPM Link
您可以使用本地 NPM 项目 NPM link。
假设您有以下结构:
> root
|
| - (dep) Your custom package
| - (cur) Your package that needs to use "dep".
你可以运行npm link ./../dep
里面的cur
文件夹到linkdep
包。这样您就可以像使用 public 注册表中的 NPM 包一样使用它。
Github 范围包
您还可以将本地包推送到 Github 上的私人存储库,这样您就可以在任何地方使用它们,但仍 public 无法访问。
为此,您可以像这样简单地安装它们:
npm install git+https://github.com/your-username/your-package.git
我在我所有的项目中都使用了一堆我编写的js库并存储在我的计算机中。也是 scss 文件,是的。我想 modify/update 它们放在一个地方,然后通过将它们导入主 js 或 scss 文件中,在我需要的所有项目中使用它们。我曾经使用 Codekit App 框架功能来做到这一点。
现在,对于某些项目,我正在转向 npm
和 webpack
,我也想这样做。虽然,无法弄清楚如何,因为在导入 js 模块时,我似乎无法使用到我机器中某个地方的绝对路径。
你会如何解决这个问题?也许使用别名?如何配置 npm 和 webpack?有 idea/best 练习吗?
你想要的有一些解决方案:
NPM Link
您可以使用本地 NPM 项目 NPM link。
假设您有以下结构:
> root
|
| - (dep) Your custom package
| - (cur) Your package that needs to use "dep".
你可以运行npm link ./../dep
里面的cur
文件夹到linkdep
包。这样您就可以像使用 public 注册表中的 NPM 包一样使用它。
Github 范围包
您还可以将本地包推送到 Github 上的私人存储库,这样您就可以在任何地方使用它们,但仍 public 无法访问。
为此,您可以像这样简单地安装它们:
npm install git+https://github.com/your-username/your-package.git