2016-06-11 10 views
0

私はwebpackを使用していて、完璧に動作するプロジェクト用にレポをセットアップしました。新しいプロジェクトを開始するためにリポジトリ全体をコピーしました。今では "npm run watch"を実行するとwebpackが起動しますが、変更を監視しません。私のpackage.jsonファイルは次のようになります。webpackは開始していますが、変更を監視していませんか?

{ 
    "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の実行ウォッチ」を実行すると、WebPACKのはそれと同じように正常に開始しているようです私の仕事のレポと、変更を探していないことを除いて。ここに表示される内容は次のとおりです。

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

> [email protected] 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 

これについての助けがあれば助かります。ありがとう

+0

webpack -w './src/js/main.js' – brk

+0

返信いただきありがとうございます。私はこのエントリを変更する必要がありますか? –

+0

絶対パスに変更しようとしましたか? – Hammer

答えて

0

皆様のご意見ありがとうございます。私はファインダーでrepoをコピーしたので、ファインダーに表示されない.babelrcファイルはコピーされませんでした。これがルートに再度作成されたとき、すべてが正しくコンパイルされました。

関連する問題