webpack-dev-server est-il en conflit avec webpack
学习ing
学习ing 2017-06-26 10:58:51
0
3
836

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 ?

学习ing
学习ing

répondre à tous (3)
为情所困

webpack-dev-server ne produira pas de fichiers réels, ils sont tous en mémoire.

    仅有的幸福

    Essayez contentBase : path.resolve(__dirname,"votre chemin")

      阿神

      webpack-dev-server n'est pas un fichier de sortie. Il fournit simplement un serveur pour le développement local pour faciliter le développement. Le fichier est généré uniquement lors de l'empaquetage. Lors de l'accès à localhost, vous devez ajouter le port, qui est 9200 dans votre configuration actuelle

        Derniers téléchargements
        Plus>
        effets Web
        Code source du site Web
        Matériel du site Web
        Modèle frontal
        À propos de nous Clause de non-responsabilité Sitemap
        Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!