webpack 启动但不关注变化？答案

【问题标题】：webpack starting but not watching for changes?webpack 启动但不关注变化？
【发布时间】：2016-06-13 16:49:31
【问题描述】：

我为一个使用 webpack 的项目设置了一个 repo，并且运行良好。我复制了整个仓库以开始一个新项目。现在，当我运行“npm run watch”时，webpack 会启动，但不会监视更改。我的 package.json 文件如下所示：

    {
  "name": "donedone-api",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "watch": "webpack --progress --colors --watch",
    "build": "webpack --progress --colors",
    "deploy": "NODE_ENV=production webpack -p --progress --colors"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel-loader": "^6.2.4",
    "babel-polyfill": "^6.5.0",
    "babel-preset-es2015": "^6.9.0",
    "babel-preset-react": "^6.5.0",
    "base-64": "^0.1.0",
    "imagesloaded": "^4.1.0",
    "imports-loader": "^0.6.5",
    "react": "^15.1.0",
    "react-dom": "^15.1.0"
  },
  "devDependencies": {
    "babel-core": "^6.5.1",
    "babel-loader": "^6.2.2",
    "babel-polyfill": "^6.5.0",
    "babel-preset-es2015": "^6.5.0",
    "browser-sync": "^2.11.1",
    "browser-sync-webpack-plugin": "^1.0.1",
    "clean-webpack-plugin": "^0.1.8",
    "css-loader": "^0.23.1",
    "extract-text-webpack-plugin": "^1.0.1",
    "file-loader": "^0.8.5",
    "img-loader": "^1.1.2",
    "node-sass": "^3.4.2",
    "sass-loader": "^3.1.2",
    "style-loader": "^0.13.0",
    "url-loader": "^0.5.7",
    "webpack": "^1.13.1"
  }
}

我的 webpack 配置如下：

var webpack = require('webpack');
var path = require('path');
var ExtractTextPlugin = require("extract-text-webpack-plugin");

require('webpack/lib/ResolverPlugin');



// const webRoot         = './site/'
// const assetsPath      = path.join(webRoot, 'assets')
// const srcDir          = path.resolve(__dirname, 'src')
// const srcAssetsPath   = path.join(srcDir, 'assets')
// const spritePath      = path.join(srcAssetsPath, 'sprites')

var config = {
  entry: './src/js/main',
  externals: {
    'jquery': '$'
  },
  output: {
    path: './site/assets',
    filename: 'main.js'
  },
  module : {
    loaders : [
      {
        test : /\.js?/,
        loader : 'babel'
      },
      {
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract('css!sass')
       },
     {
      test: /\.(jpe?g|png|gif|svg)$/i,
      loader: 'url?limit=25000!img?progressive=true'
     },
     {
        test: /\.(eot|svg|ttf|woff|woff2)$/,
        loader  : 'url?limit=90000'
      }
    ]
  },


   plugins: [
        new ExtractTextPlugin('main.css', {
            allChunks: true
        })
    ]
};

module.exports = config;

当我在终端中运行“npm run watch”时，webpack 似乎可以正常启动，就像我的工作存储库一样，除了不寻找更改。这是它显示的内容：

jordansykes  ~/sites/side-projects/mofilm
$ npm run watch

> donedone-api@1.0.0 watch /Users/jordansykes/Sites/side-projects/mofilm
> webpack --progress --colors --watch

Hash: f57ca91a3a54e729eb37
Version: webpack 1.13.1
Time: 789ms
  Asset     Size  Chunks             Chunk Names
main.js  1.45 kB       0  [emitted]  main
    + 1 hidden modules

对此的任何帮助都会很棒。谢谢

【问题讨论】：

webpack -w './src/js/main.js'
感谢您的回复，这是我需要将条目更改为的吗？
你尝试将相对路径更改为绝对路径吗？

标签： javascript node.js webpack

【解决方案1】：

感谢大家的建议。因为我在finder中复制了repo，所以没有出现在finder中的.babelrc文件没有被复制过来。当它在根目录中再次创建时，一切都正确编译。

【讨论】：