webpackとwordpress
- 公開日:
- 更新日:
- 文字数:589文字
npm install --save-dev browser-sync-webpack-plugin browser-sync
インストールします。
package.jsonに
"watch": "webpack --watch --progress"を変更します。
"scripts": {
"watch": "php -S 0.0.0.0:8000 & webpack --watch --config webpack.config.js",
}
追加
次にwebpack.configに追加
const BrowserSyncPlugin = requir('browser-sync-webpack-plugin');
~~省略
plugins: [
new BrowserSyncPlugin({
host: "localhost",
port: 3000,
proxy: "http://localhost:8000"
})
]
~~省略
ターミナルで、
$ npm run watch
参考
https://qiita.com/ProjectEuropa/items/8284054846cb326a3be1