久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

javascript - webpack-dev-server和webpack沖突嗎

瀏覽:143日期:2023-05-10 17:23:54

問題描述

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 },}

命令行執行webpack,輸出dist文件夾,雙擊文件夾打開,頁面顯示正確

命令行執行webpack-dev-server,就沒有輸出dist文件夾,localhost訪問的時候就報錯了,因為沒有js文件存在

請問這是什么原因?為什么webpack-dev-server的時候沒有輸出文件夾?

問題解答

回答1:

webpack-dev-server不會輸出實際文件,都是在內存里的。

回答2:

試試contentBase: path.resolve(__dirname,'你的路徑')

回答3:

webpack-dev-server不是輸出文件,只是給本地開發提供了一個的服務器,方便開發而已,在打包的時候才會輸出文件的。localhost訪問的時候需要加上端口,就是你現在的配置的9200

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 兖州市| 织金县| 柘城县| 双桥区| 沅陵县| 巴东县| 伊川县| 双城市| 桃源县| 宜兴市| 观塘区| 通山县| 新昌县| 永登县| 太湖县| 新河县| 光山县| 中山市| 万宁市| 广灵县| 太湖县| 文成县| 白朗县| 永昌县| 吴堡县| 桑日县| 裕民县| 敖汉旗| 突泉县| 安图县| 阿鲁科尔沁旗| 岢岚县| 陵水| 大关县| 喀喇| 富宁县| 贵溪市| 奈曼旗| 柘城县| 连南| 广饶县|