的WebPack不（不使用的WebPack-DEV-服務器）

我使用的WebPack不能建立輸出文件（而不是開發服務器，我知道，不輸出文件），並且它不創造一個DIST文件夾或輸出文件。的WebPack不（不使用的WebPack-DEV-服務器）

我試着直接通過webpack（全局安裝）和npm run build直接運行它，它使用本地安裝的webpack。既沒有工作。

這裏是我的配置：

const path = require('path'); 

module.exports = { 
    entry: { 
    app: './src/entry.js', 
    }, 
    output: { 
    path: path.join('/dist'), 
    filename: '[name].bundle.js', 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.tsx?$/, 
     loader: 'ts-loader', 
     }, 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loaders: ['ng-annotate'], 
     }, 
     { 
     test: /\.js$/, 
     exclude: /(node_modules)/, 
     loader: 'babel', // 'babel-loader' is also a legal name to reference 
     query: { 
      presets: ['es2015', 'latest'], 
     }, 
     }, 
     { 
     test: /\.css$/, 
     loader: 'style-loader!css-loader', 
     }, 
     { 
     test: /\.html$/, 
     loader: 'html', 
     }, 
     { 
     test: /\.less$/, 
     loader: 'style!css!less', 
     }, 
    ], 
    }, 
    resolve: { 
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js'], 
    root: [ 
     path.resolve('./src'), 
     path.resolve('./node_modules'), 
    ], 
    alias: { 
     vendor: path.join('/node_modules'), 
    }, 
    fallback: ['node_modules'], 
    }, 
};

我已經嘗試通過手動創建dist文件夾來解決這個問題，但這也不管用，文件還沒有創建。

奇怪的是，它沒有之前建立的文件，但現在它停了下來。我沒有在任何時候改變輸出位置或輸入文件。

有什麼建議嗎？

來源

2016-10-01 Justin

任何日誌輸出？ – Monokh

它說它正在輸出文件。 'λ的WebPack TS-裝載機：使用[email protected]和C：\用戶\賈斯汀\博客\ tsconfig.json 哈希：2ca3229c0c8fda5a1d6f 版本：1.13.2的WebPack時間：6260ms 資產大小的塊組塊名稱 app.bundle.js 3.98 MB 0 [發射]應用程序 + 353隱藏模塊 ' – Justin

你是日誌輸出意味着它已成功生成 – Monokh

你的WebPack輸出路徑是絕對的：當它在你的根目錄下生成

output: { 
    path: path.join('/dist'), <---- 
    filename: '[name].bundle.js', 
},

我的猜測。 /dist將意味着從您的文件系統的根目錄，而不是相對於您的項目目錄。

它應該是：從的WebPack

output: { 
    path: path.join('./dist'), 
    filename: '[name].bundle.js', 
},

來源

2016-10-01 16:04:58 Monokh

是的，這是它..謝謝！ – Justin

的WebPack不（不使用的WebPack-DEV-服務器）

回答

相關問題