webpack.congfig.js

var HtmlWebpackPlugin = require('html-webpack-plugin'); var CleanWebpackPlugin = require('clean-webpack-plugin'); var OpenBrowserPlugin = require('open-browser-webpack-plugin'); module.exports = { // 这是一个主文件包括其他模块 entry: './src/main.js', // 编译的文件路径 output: { //`dist`文件夹 path: './dist', // 文件 `build.js` 即 dist/build.js filename: 'build.js' }, module: { // 一些特定的编译规则 loaders: [ { // 让webpack去验证文件是否是.js结尾将其转换 test: /\.js$/, // 通过babel转换 loader: 'babel', // 不用转换的node_modules文件夹 exclude: /node_modules/ }, { test: /\.vue$/, loader: 'vue' } ] }, vue: { loaders: { js: 'babel' } }, plugins: [ new HtmlWebpackPlugin({ template:'./index.html', filename: 'assets/index.html' }), new CleanWebpackPlugin('./dist'), ], devServer: { //建立本地服务器 contentBase: "./", port: 9200, inline: true }, }

Exécutez Webpack sur la ligne de commande, affichez le dossier dist, double-cliquez sur le dossier à ouvrir et la page s'affiche correctement

Lors de l'exécution de webpack-dev-server sur la ligne de commande, il n'y a pas de sortie du dossier dist Lors de l'accès à localhost, une erreur est signalée car aucun fichier js n'existe

Quelle en est la raison ? Pourquoi n'y a-t-il pas de dossier de sortie lors de l'utilisation de webpack-dev-server ?