覆盖Webpack 4入口点

时间:2019-11-18 13:00:57

标签: javascript node.js webpack webpack-dev-server entry-point

这是我的项目的目录:

   -node_modules
   -src
       -client
          -js
          -styles
          -views
          -index.js
          -webpack.config.js
       -server
   -.babelrc
   -package
   -package-lock
   -README.md
   -webpack.dev
   -webpack.prod

这是我的 webpack.config.js

的内容
const path = require('path')
const webpack = require('webpack')

module.exports = {
    mode: 'none',
    //entry: path.resolve(__dirname) + './src/client/index.js',

    module: {
        rules: [
            {
                test: '/\.js$./',
                exclude: /node_modules/,
                loader: "babel-loader"
            }
        ]
    }
}

我想覆盖webpack.config.js中的默认入口点,以指向同一级别的 index.js 文件。

默认情况下,如果我在 src 目录中有index.js文件,但未指定入口点,则它会按预期工作。

我尝试过这样更改入口点:

entry: path.resolve(__dirname, './src/client/index.js'),

entry: path.resolve(__dirname, 'src') + 'client/index.js',

entry: path.resolve(__dirname, './src/index.js'),

entry: path.resolve(__dirname) + '/src/client/index.js',

entry: path.resolve(__dirname) + './src/client/index.js'

我正在使用Windows 10操作系统。

2 个答案:

答案 0 :(得分:1)

module.exports = {
  entry: './index.js'
};

参考:https://webpack.js.org/concepts/entry-points/


或者,您也可以使用

module.exports = {
  entry: require.resolve('./index')
};

参考:https://nodejs.org/api/modules.html#modules_require_resolve_request_options

答案 1 :(得分:0)

解决我的问题的方法是将webpack.config.js文件移动到根文件夹,然后按以下方式配置入口点:

module.exports = {
    ...    
    entry: './src/client/index.js',
    ...
}
相关问题