我想将我一遍又一遍地重复使用的代码移动到单独的" node_modules",托管在github上(因为我不想为私有的npm存储库付费)。我使用webpack与babel来转换我的javascript。
因此,我将TheFile.js
移动到新的git存储库,并将my_user_name/TheFileModule
添加到我的package.json
文件中,因此它直接从github安装为节点模块。
现在,在我的代码中,我将替换:
import '../original/path/to/my/local/file/TheFile.js'
使用:
import 'TheFileModule'
并将TheFile.js
设置为main
的package.json
TheFileModule
值
如果我尝试使用webpack构建它,我会收到import keyword not found
错误,表明webpack没有转换TheFileModule
。
但是,如果我使用:
import 'TheFileModule/TheFile.js'
一切都很顺利。
这是我webpack.config
的相关部分:
module: {
loaders: [
{
test: /\.jsx?$/,
loaders: ['react-hot', 'babel-loader'],
include: [
/LocalDirectoryWhereAllMyCodeLives/,
/TheFileModule/
]
},
{test: /\.json$/, loader: 'json'},
],