使用cordova、webpack和style-loader时如何强制样式注入答案

【问题标题】：How to force style injection when using cordova, webpack and style-loader使用cordova、webpack和style-loader时如何强制样式注入
【发布时间】：2021-03-11 04:52:39
【问题描述】：

我已经使用 webpack 插件设置了 cordova，sass-loader 用于编译 sass，style-loader 用于注入样式。我使用命令cordova run -- --livereload; 运行cordova，以便在模拟器和chrome 浏览器中看到结果。

结果符合预期，一切正常。但是，当我更改代码 inn app.scss 时，我得到“编译成功”，但我必须重新运行 cordova 才能看到更改。我没有得到什么？我应该可以马上看到变化，对吧？

我的 app.js

// Scripts Dependencies
import 'bootstrap';

// Styles Dependencies
import "../www/assets/app.scss";

我的 app.scss

@import "scss/header";
@import "~bootstrap/scss/bootstrap";

$primary: green;
$secondary: #fff;

body {
  background-color: $primary;
  color: $secondary;
}

还有我的 webpack.config.js

const path = require('path');

module.exports = {
  mode: 'development',
  entry: './src/app.js',
  output: {
    path: path.resolve(__dirname, 'www/assets/js/'),
    filename: 'bundle.js',
  },
  devtool: 'inline-source-map',
  module: {
    rules: [{
      test: /\.(scss)$/,
      use: ['style-loader', 'css-loader', 'postcss-loader', 'sass-loader']
    }]
  }
};

【问题讨论】：

标签： cordova webpack webpack-style-loader

【解决方案1】：

我错过了这个：

devServer: {
  publicPath: 'http://localhost:8080/assets/'
},

【讨论】：