javascript - webpack-dev-server和webpack沖突嗎
問題描述
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: { // 一些特定的編譯規(guī)則 loaders: [ {// 讓webpack去驗證文件是否是.js結(jié)尾將其轉(zhuǎn)換test: /.js$/,// 通過babel轉(zhuǎn)換loader: ’babel’,// 不用轉(zhuǎn)換的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: { //建立本地服務(wù)器contentBase: './',port: 9200,inline: true },}
命令行執(zhí)行webpack,輸出dist文件夾,雙擊文件夾打開,頁面顯示正確
命令行執(zhí)行webpack-dev-server,就沒有輸出dist文件夾,localhost訪問的時候就報錯了,因為沒有js文件存在
請問這是什么原因?為什么webpack-dev-server的時候沒有輸出文件夾?
問題解答
回答1:webpack-dev-server不會輸出實際文件,都是在內(nèi)存里的。
回答2:試試contentBase: path.resolve(__dirname,'你的路徑')
回答3:webpack-dev-server不是輸出文件,只是給本地開發(fā)提供了一個的服務(wù)器,方便開發(fā)而已,在打包的時候才會輸出文件的。localhost訪問的時候需要加上端口,就是你現(xiàn)在的配置的9200
相關(guān)文章:
1. javascript - 我是做web前端的,公司最近有一個項目關(guān)于數(shù)據(jù)統(tǒng)計的!2. css右浮動字的順序顛倒了3. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)4. javascript - vue過渡效果 css過渡 類名的先后順序5. ios - 類似微博首頁,一張圖的時候是如何確定圖大小的?6. node.js - 微信小程序websocket連接問題7. javascript - vuejs+elementui 購物車價格計算,點擊加減號修改數(shù)量總價都不會改變,但是計算執(zhí)行了8. javascript - 如何使用loadash對[object,object,object]形式的數(shù)組進行比較9. html5和Flash對抗是什么情況?10. 數(shù)據(jù)庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。
