0

我有升級到webpack 2和提取文本插件的問題。我有開發版(沒有這個插件)工作,我不能看到最新的不同。我得到的錯誤是Webpack 2提取文本插件entrypoints.length問題

node_modules\webpack\lib\Chunk.js:62 
      return this.entrypoints.length > 0; 

TypeError: Cannot read property 'length' of undefined 

我有一口運行的WebPack 2和這個插件中的一個CSS文件。這是我的WebPack配置的主要部分(樂意爲您提供這一切如果需要的話):

 ... 
    modules: { rules :[ ... { 
     test: /\.scss/, 
     exclude: /node_modules/, 
     use: [ 
      "style-loader?sourceMap", 
      { 
       loader: "css-loader", 
       options: { 
        minimize: true, 
        modules: true, 
        importLoaders: true, 
        localIdentName: "[path]___[name]__[local]___[hash:base64:5]", 
       }, 
      }, 
      { 
       loader: "postcss-loader", 
       options: { ...postCSSConfig }, 
      }, 
      { 
       loader: "sass-loader", 
       options: { includePaths: [path.join(process.cwd(), "src", "Styles", "Includes")] }, 
      }, 
     ], 
    }, ]}, 
    plugins: [ 
     new ExtractTextPlugin({ 
      filename: "[contenthash].css", 
      allChunks: true, 
     }), ... 

進出口使用以下版本:

的WebPack:2.3.3

提取文本plugn:2.0 0.1

編輯:這是我的切入點,

context: path.resolve(process.cwd(), "./src/"), 
entry: [ 
    "babel-polyfill", 
    "whatwg-fetch", 
    "Boot", 
], 
devtool: "eval", 
resolve: { 
    modules: ["src", "node_modules"], 
    extensions: [".js", ".jsx"], 
}, 

任何想法都會很棒。 在此先感謝。

+0

你在哪裏定義應用程序入口點? –

+0

我覺得這個錯誤說你沒有任何webpack的入口腳本 –

+0

我編輯了我的問題。我使用babel將所有內容加載到模塊中。 –

回答

0

根據docs,您還必須爲加載樣式創建適當的規則。

請看看這個,這是我的規則。請讓我知道它是否對你有幫助。

{ 
     test: /\.(scss|css)$/, 
     exclude: /node_modules/ 
     use: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      use: ['css-loader', 'postcss-loader', 'sass-loader'] 
     }) 
} 

不管怎麼說,但我沒能使用ExtractTextPlugin與sourceMaps,所以我不能給你解決使用這個插件與源地圖。

+0

你有沒有設法添加ExtractTextPlugin?我正在考慮再試幾個月。謝謝 –

+0

是的,我使用這個插件,但沒有開發,因爲sourceMaps –

+0

麻煩我最終得到了這個工作使用ExtractTextPlugin規則像你在上面做的那樣。然後,我禁用插件集合中的開發插件。這與HMR和CI上的構建一起工作。謝謝你的幫助。 –

相關問題