Webpack 网页包找不到模块目录
我有一个React项目,其中根目录有一个Webpack 网页包找不到模块目录,webpack,Webpack,我有一个React项目,其中根目录有一个app目录。在app目录中,有一个containers和一个components目录。如何更改以下内容,以便webpack在我的入口点所在的目录中查找模块 const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin'); const PATHS = { app: path.join(__dirname, 'app'), build: pat
app
目录。在app
目录中,有一个containers
和一个components
目录。如何更改以下内容,以便webpack在我的入口点所在的目录中查找模块
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin');
const PATHS = {
app: path.join(__dirname, 'app'),
build: path.join(__dirname, 'build'),
};
module.exports = {
// where to start bundling
entry: [
'./app/app.js',
],
// where to output
output: {
// output to same dir
path: PATHS.build,
filename: 'timbundle.js',
},
const path=require('路径')
const HtmlWebpackPlugin=require('html-webpack-plugin');
常量路径={
app:path.join(uuu dirname,'app'),
build:path.join(uu dirname,'build'),
};
module.exports={
//从哪里开始捆绑
条目:[
“./app/app.js”,
],
//输出到哪里
输出:{
//输出到同一目录
path:path.build,
文件名:“timbundle.js”,
},
决心:{
模块:['app','node_modules'],
扩展:['.js']
},
似乎有效。我看不出BrainfuckIt的相关性似乎应该导入您当前的条目定义。您想在容器或组件下存在多个条目点吗?我认为模块中的每个文件都应该由app.js导入直接引用,或者通过另一个f.js导入引用ile。该项目源于react样板文件回购,但我必须构建一个新的网页包配置,以解决为什么没有包含某些引用。为什么?请解释一下?我不完全确定,但它确实有效。我认为,
node\u modules
是唯一的默认设置。因此,这将app
目录指定为al的根目录l个模块,您必须添加node\u模块
,因为您不再使用默认模块。请注意,我的所有JSX文件的扩展名都是.js。
resolve: {
modules: ['app', 'node_modules'],
extensions: ['.js']
},