.prettierrc
的方式。在我的包中,我使用webpack进行编译。我的应用程序使用react,我将其外部引入,以便在运行时检索该包,而不是在构建时打包它。
webpack.config.js
module.exports = {
entry: "./src/index.js",
output: {...},
module: {...},
resolve: {
modules: [path.resolve("./src"), path.resolve("./node_modules")],
alias: {
react: path.resolve(__dirname, "./node_modules/react"),
"react-dom": path.resolve(__dirname, "./node_modules/react-dom")
}
},
externals: {
react: {
commonjs: "react",
commonjs2: "react",
amd: "React",
root: "React"
},
"react-dom": {
commonjs: "react-dom",
commonjs2: "react-dom",
amd: "ReactDOM",
root: "ReactDOM"
}
}
};
在这里的externals
,您可以看到我正在从构建中排除react
和react-dom
。
现在,我需要一种方法来从项目根目录导入常规的settings.js
文件,而不是从node_modules
导入库。Webpack有这个功能吗?
到目前为止,我已经尝试使用externals
进行如下导入:
externals: {
react: {...},
"react-dom": {...},
"settings": { commonjs: "settings.js" }
}
我知道这样做是不对的,但我是否可以做类似的事情以便在运行时从项目目录中导入外部.js
文件?