Javascript 为Shopify开发设置webpack/HMR
我正在尝试设置webpack的开发服务器和HMR,以配合Shopify主题开发。当运行服务器并打开本地IP时,我从Shopify的DNS提供商CloudFlare那里得到了这个错误 如何正确设置网页包,将热更改(css/JS)注入我的代理Shopify商店(mystore.myshopify.com url)? 我的网页包配置如下:Javascript 为Shopify开发设置webpack/HMR,javascript,webpack,shopify,webpack-dev-server,webpack-4,Javascript,Webpack,Shopify,Webpack Dev Server,Webpack 4,我正在尝试设置webpack的开发服务器和HMR,以配合Shopify主题开发。当运行服务器并打开本地IP时,我从Shopify的DNS提供商CloudFlare那里得到了这个错误 如何正确设置网页包,将热更改(css/JS)注入我的代理Shopify商店(mystore.myshopify.com url)? 我的网页包配置如下: const path = require("path"); const BrowserSyncPlugin = require('browser-sync-web
const path = require("path");
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');
module.exports = {
mode: "development",
devServer: {
contentBase: false,
hot: true,
https: true,
proxy: {
"**": {
target: "http://mystore.myshopify.com",
secure: false
}
},
},
entry: "./src/scripts/index.js",
output: {
filename: "./app.js",
path: path.resolve(__dirname, "dist")
},
plugins: [
],
module: {
rules: [
{
test: /\.s[ac]ss$/i,
use: [
// Creates `style` nodes from JS strings
'style-loader',
//postcss here (autoprefixer, babel etc)
// Translates CSS into CommonJS
'css-loader',
// Compiles Sass to CSS
'sass-loader',
],
},
],
},
};