我的 webpack.config.js 文件中可能缺少什么"npm start"不起作用？

Question

我的webpack.config.js文件中缺少什么；npm启动"；工作

为了提供一些上下文，我目前正在这里学习教程：https://www.awwwards.com/academy/course/building-an-immersive-creative-website-from-scratch-without-frameworks)它的哪一部分正在创建样板。目前，教程让我设置了package.json、webpack.config.js和webpack.config.development.js；npm开始"；，我的终端中弹出一条带有的消息

找到配置文件，但未配置任何条目。

有什么想法吗？我将粘贴所有代码以供参考。此外，现在是否建议跳过Boilerplate的介绍，因为它不需要？听到这些可能也是一个不错的选择。

Webpack.config.build.js

const path = require('path')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
const { merge } = require('webpack-merge')
const config = require('./webpack.config')
module.exports = merge(config, {
mode: 'production',
output: {
path: path.join(__dirname, 'public')
},

plugins: [
new CleanWebpackPlugin()
]
})

Webpack.config.js

const path = require('path')
const webpack = require('webpack')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const IS_DEVELOPMENT = process.env.NODE_ENV === 'dev'
const dirApp = path.join(__dirname, 'app')
const dirAssets = path.join(__dirname, 'assets')
const dirStyles = path.join(__dirname, 'styles')

Webpack.config.development.js

const { merge } = require('webpack-merge')
const path = require('path')
const config = require('./webpack.config')
module.exports = merge(config, {
mode: 'development',
devtool: 'inline-source-map',
devServer: {
writeToDisk: true
},
output: {
path: path.resolve(__dirname, 'public')
}

})

Package.json

{
"name": "floema",
"version": "1.0.0",
"scripts": {
"build": "webpack -p --progress --config webpack.config.build.js",
"development": "webpack serve --progress --config webpack.config.development.js",
"start": "npm run development"
},
"author": "Chris",
"devDependencies": {
"clean-webpack-plugin": "^4.0.0",
"copy-webpack-plugin": "^10.1.0",
"mini-css-extract-plugin": "^2.4.5",
"webpack": "^2.1.0-beta.22",
"webpack-cli": "^4.9.1",
"webpack-dev-server": "^4.6.0",
"webpack-merge": "^5.8.0"
}
}

Answer 1

您没有从webpack.config.js导出任何内容。此外，此文件不是有效的配置文件。。您应该从webpack.config.js导出一个配置对象，就像一样

module.exports = {
entry: './src/index.js',
output: {
path: __dirname,
publicPath: '/',
filename: 'bundle.js'
},
...
}