WebPack 配置失败

Question

I've some problems with configuration file on webpack.

Right now I've this structure: the stucture

package.json looks like this:

{
  "name": "webpack-4-tutorial",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack --mode development ./src/index.js --output ./dist/main.js",
    "build": "webpack --mode production ./src/index.js --output ./dist/main.js"
  },
  "author": "Andrii Hordynsky",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.7.0",
    "webpack": "^4.16.2",
    "webpack-cli": "^3.1.0"
  }
}

Index.js is just : console.log("hello, booooiiii");

When I'm running 'npm run build' it works and shows this outcome: outcome

I'm adding babel with: " npm install babel-core babel-loader babel-preset-env --save-dev and it works as well too: babel

Adding .babelrc file :

{
"presets": [
   "env"
   ]
}

And start to create webpack.config.js with this structure as well:

// Webpack v4
const path = require('path');
module.exports = {
  entry: { main: './src/index.js' },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'main.js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      }
    ]
  }
}

and delete

"dev": "webpack --mode development ./src/index.js --output ./dist/main.js",
    "build": "webpack --mode production ./src/index.js --output ./dist/main.js"

from 'scripts' at package.json

deleting

Now I have this structure: newStructure

And, when I run npm run build I'm expecting some small .js file in /dist/main.js , but I received the stack of an errors enter image description here

When I delete "script" from package.json errors still here... new Errors

Sorry if there is some bad English or text as well, just, the head is completely boiling...

Answer 1

您忘记添加“.env”文件，如果您刚刚克隆了项目，则您的 gitignore 规则不允许跟踪“.env”文件。