webpackで特定のファイル（つまり.DS_Store）をグローバルに除外する

Question

webpackアプリケーションでビルドまたはウォッチを実行すると、macOS .DS_Storeメタデータファイルを解析しようとすると例外がスローされます。これらのファイルを無視するように設定するにはどうすればよいですか？

ERROR in ./assets/webfonts/demo.css 
Module parse failed: /Users/greg/projects/maven_book/assets/webfonts/demo.css Unexpected character '@' (2:0) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected character '@' (2:0) 
    at Parser.pp$4.raise (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:2221:15) 
    at Parser.pp$7.getTokenFromCode (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:2756:10) 
    at Parser.pp$7.readToken (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:2477:17) 
    at Parser.pp$7.nextToken (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:2468:15) 
    at Parser.parse (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:515:10) 
    at Object.parse (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:3098:39) 
    at Parser.parse (/Users/greg/projects/maven_book/node_modules/webpack/lib/Parser.js:902:15) 
    at NormalModule.<anonymous> (/Users/greg/projects/maven_book/node_modules/webpack/lib/NormalModule.js:104:16) 
    at NormalModule.onModuleBuild (/Users/greg/projects/maven_book/node_modules/webpack-core/lib/NormalModuleMixin.js:310:10) 
    at nextLoader (/Users/greg/projects/maven_book/node_modules/webpack-core/lib/NormalModuleMixin.js:275:25) 
    at /Users/greg/projects/maven_book/node_modules/webpack-core/lib/NormalModuleMixin.js:259:5 
    at Storage.finished (/Users/greg/projects/maven_book/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:38:16) 
    at /Users/greg/projects/maven_book/node_modules/graceful-fs/graceful-fs.js:78:16 
    at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:416:3) 
@ ./assets/webfonts/demo.css 4:14-37 

編集：ここで正しいトレースバックは、上記が実際に別の問題

ERROR in ./assets/preview/.DS_Store 
Module parse failed: /Users/greg/projects/maven_book/assets/preview/.DS_Store Unexpected character '' (1:0) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected character '' (1:0) 
    at Parser.pp$4.raise (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:2221:15) 
    at Parser.pp$7.getTokenFromCode (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:2756:10) 
    at Parser.pp$7.readToken (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:2477:17) 
    at Parser.pp$7.nextToken (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:2468:15) 
    at Parser.parse (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:515:10) 
    at Object.parse (/Users/greg/projects/maven_book/node_modules/acorn/dist/acorn.js:3098:39) 
    at Parser.parse (/Users/greg/projects/maven_book/node_modules/webpack/lib/Parser.js:902:15) 
    at NormalModule.<anonymous> (/Users/greg/projects/maven_book/node_modules/webpack/lib/NormalModule.js:104:16) 
    at NormalModule.onModuleBuild (/Users/greg/projects/maven_book/node_modules/webpack-core/lib/NormalModuleMixin.js:310:10) 
    at nextLoader (/Users/greg/projects/maven_book/node_modules/webpack-core/lib/NormalModuleMixin.js:275:25) 
    at /Users/greg/projects/maven_book/node_modules/webpack-core/lib/NormalModuleMixin.js:259:5 
    at Storage.finished (/Users/greg/projects/maven_book/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:38:16) 
    at /Users/greg/projects/maven_book/node_modules/graceful-fs/graceful-fs.js:78:16 
    at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:416:3) 

であり、ここで私の完全なWebPACKのコンフィグだ、だ：

var path = require('path'); 

var ExtractTextPlugin = require('extract-text-webpack-plugin'); 
var ManifestRevisionPlugin = require('manifest-revision-webpack-plugin'); 

var rootAssetPath = './assets'; 

module.exports = { 
    context: __dirname, 
    entry: { 
    main_js: [ 
     rootAssetPath + '/j/main.js' 
    ], 
    main_css: [ 
     rootAssetPath + '/c/main.scss' 
    ] 
    }, 
    output: { 
    path: './build/assets', 
    publicPath: 'http://localhost:2992/assets/', 
    filename: '[name].[chunkhash].js', 
    chunkFilename: '[id].[chunkhash].js' 
    }, 
    resolve: { 
    modulesDirectories: ['node_modules'], 
    extensions: ['', '.js', '.scss'] 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.js$/i, 
     loader: 'babel-loader', 
     exclude: /node_modules/ 
     }, 
     { 
     test: /\.css$/i, 
     loader: ExtractTextPlugin.extract('style') 
     }, 
     { 
     test: /\.scss$/i, 
     loader: ExtractTextPlugin.extract(
        'style', 
        'css?sourceMap!sass?sourceMap' 
       ) 
     }, 
     { 
     test: /\.(jpe?g|png|gif|svg([\?]?.*))$/i, 
     loaders: [ 
      'file?context=' + rootAssetPath + '&name=[path][name].[hash].[ext]', 
      'image?bypassOnDebug&optimizationLevel=7&interlaced=false' 
     ] 
     }, 
     { 
     test: /\.(eot|svg|ttf|woff|woff2)$/, 
     // loader: 'file?name=public/fonts/[name].[ext]' 
     loader: 'file?context=' + rootAssetPath + '&name=[path][name].[hash].[ext]' 
     } 
    ] 
    }, 
    plugins: [ 
    new ExtractTextPlugin('[name].[chunkhash].css'), 
    new ManifestRevisionPlugin(path.join('build', 'manifest.json'), { 
     rootAssetPath: rootAssetPath, 
     ignorePaths: ['/c', '/j'] 
    }) 
    ] 
}; 

Answer 1

私はかなりわからないんだけど何DS_STOREファイルはしかし、ローダーを設定するときは、これらのファイルにexcludeを指定してください。

ウェブパックの設定、特にローダーの設定とdemo.cssを提供できますか？私はあなたに構成を提供することができます。