1 回答

TA貢獻1818條經驗 獲得超11個贊
你已經在你的依賴項中安裝了 webpack-cli,所以你不必在命令中添加配置:
首先在你的 Package.json 中添加 Webpack 腳本:
"scripts": {
"watch": "webpack --watch",
},
當你運行npm run watch--watch webpack 將繼續觀察任何已解析文件的變化。
對于服務器,我推薦你webpack-dev-server
npm i webpack-dev-server
可用于快速開發應用程序
module.exports = {
//...
devServer: {
contentBase: path.join(__dirname, 'dist'),
compress: true,
port: 9000
}
};
并將其添加到您的 npm 腳本中
"scripts": {
"watch": "webpack --watch",
"start": "webpack-dev-server --hot --open",
}
現在我們可以run npm start從命令行看到我們的瀏覽器自動加載我們的頁面。如果您現在更改任何源文件并保存它們,Web 服務器將在代碼編譯后自動重新加載。
建議:您必須在 dist 或插件中添加 html 文件以用于 webpack HtmlWebpackPlugin
添加回答
舉報