问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

关于webpack -w的问题

头像
gunner
    386794137

    webpack全局装好了，webpack本地也装好了，css-loader和style-loader也装好了。
    webpack entry.js bundle.js -w执行时，为什么总是只能监听一次样式修改，求教
    代码如下

    index.html

    <body>
<div id="app"></div>
<script src="bundle.js"></script>
</body>

    a.js

    module.exports=" world";

    entry.js

    var oApp=document.getElementById('app');
var a=require("./a");
require("style!css!./style.css");
oApp.innerHTML="<h3>hello</h3>"+a;
    webpackjavascript
    阅读 3k
    1 个回答
    得票最新
    头像
    tanglijun
      6381615

      根据你的代码我写了个 demo ，没发现问题。

      <!-- index.html -->
<body>
<div id="app"></div>
<script src="bundle.js"></script>
</body>
      // a.js
module.exports=" world";
      // entry.js
var oApp=document.getElementById('app');
var a=require("./a");
require("./style.css");
oApp.innerHTML="<h3>hello</h3>"+a;
      /* style.css */
body {
  background-color: #aaa
}
      // webpack.config.js
module.exports = {
  entry: './entry.js',
  output: {
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /.css$/,
        use: [
          "style-loader",
          "css-loader"
        ]
      }
    ]
  }
}
      {
  "name": "package.json",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {},
  "devDependencies": {
    "css-loader": "^0.26.1",
    "style-loader": "^0.13.1",
    "webpack": "^2.2.0-rc.4"
  },
  "scripts": {
    "start": "webpack -w",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题