Не удается найти модуль «сценарий! Фундаментные-сайты/DIST/foundation.min.js на Героический

Question

Это содержимое webpack.config.js файла

var webpack = require('webpack'); 
var path = require('path'); 

process.env.NODE_ENV = process.env.NODE_ENV || 'development'; 
module.exports = { 
    entry: [ 
    'script!jquery/dist/jquery.min.js', 
    'script!foundation-sites/dist/foundation.min.js', 
    './app/app.jsx' 
    ], 
    externals:{ 
    jquery: 'jQuery' 
    }, 
    plugins:[ 
    new webpack.ProvidePlugin({ 
    '$': 'jquery', 
    'jQuery': 'jquery' 
    }), 
    new webpack.optimize.UglifyJsPlugin({ 
    compressor: { 
     warnings: false 
    } 
    }) 
    ], 

    output: { 
    path: __dirname, 
    filename: './public/bundle.js' 
    }, 
    resolve:{ 
    root: __dirname, 
    modulesDirectories: [ 
    'node_modules', 
    './app/components', 
    './app/api' 
    ], 
    alias: { 
     app: 'app', 
     applicationStyles:'app/styles/app.scss', 
     actions:'app/actions/actions.jsx', 
     reducers:'app/reducers/reducers.jsx', 
     configureStore:'app/store/configureStore.jsx' 

     }, 
    extensions: ['','.js',['.jsx']] 
    }, 
    module:{ 
    loaders: [ 
    { 
     loader: 'babel-loader', 
     query: { 
     presets: ['react','es2015','stage-0'] 
     }, 
     test: /\.jsx?$/, 
     exclude: /(node_modules|bower_components)/ 
    } 
     ] 
    }, 
    sassLoader:{ 
    includePaths:[ 
    path.resolve(__dirname,'./node_modules/foundation-sites/scss') 
    ] 
    }, 
    devtool: process.env.NODE_ENV === 'production' ? undefined : 'inline-source-map' 
}; 

и это содержимое упаковки .json файл

{ 
    "name": "boilerplate", 
    "version": "1.0.0", 
    "description": "Simple react app", 
    "main": "index.js", 
    "scripts": { 
    "test": "NODE_ENV=test karma start", 
    "build":"webpack", 
    "start": "npm run build && node server.js" 
    }, 
    "author": "varun", 
    "license": "MIT", 
    "dependencies": { 
    "axios": "^0.15.3", 
    "express": "^4.14.0", 
    "firebase": "^3.0.2", 
    "react": "^0.14.7", 
    "react-dom": "^0.14.7", 
    "react-router": "^2.0.0", 
    "babel-core": "^6.5.1", 
    "babel-loader": "^6.2.2", 
    "babel-preset-es2015": "^6.5.0", 
    "babel-preset-react": "^6.5.0", 
    "babel-preset-stage-0": "^6.16.0", 
    "css-loader": "^0.23.1", 
    "deep-freeze-strict": "^1.1.1", 
    "expect": "^1.14.0", 
    "foundation-sites": "^6.2.0", 
    "jquery": "^2.2.1", 
    "moment": "^2.12.0", 
    "node-sass": "^3.13.0", 
    "node-uuid": "^1.4.7", 
    "react-addons-test-utils": "^0.14.7", 
    "react-redux": "^4.4.1", 
    "redux": "^3.3.1", 
    "redux-mock-store": "^1.0.3", 
    "redux-thunk": "^2.1.0", 
    "sass-loader": "^4.0.2", 
    "script-loader": "^0.6.1", 
    "style-loader": "^0.13.0", 
    "webpack": "^1.12.13" 
    }, 
    "devDependencies": { 

    "karma": "^0.13.22", 
    "karma-chrome-launcher": "^0.2.2", 
    "karma-mocha": "^0.2.2", 
    "karma-mocha-reporter": "^2.0.0", 
    "karma-sourcemap-loader": "^0.3.7", 
    "karma-webpack": "^1.7.0", 
    "mocha": "^2.4.5" 

    } 
} 

Когда я раскрываю это приложение для Heroku и откройте приложение с помощью команды «Heroku открытым», я получаю следующее ERRO г

Ошибка: Не удается найти модуль «! Скрипт фундаментные-сайты/расстояние/foundation.min.js»

Было бы замечательно, если бы кто-нибудь мог бы указать на то, что здесь не так. Наверное, похоже, обойти эту. PS. Приложение работает отлично, когда я запускаю его локально.

Answer 1

Я не эксперт в Webpack, но у меня была такая же проблема, используя шаблон, который я установил некоторое время назад. После часа разочарования я понял, что структура каталога основоположных сайтов в node_modules изменилась, и файл foundation_min.js был перемещен в каталог js внутри dist.

Короче говоря, я заменил «script!foundation-sites/dist/foundation.min.js» на «script!foundation-sites/dist/**js**/foundation.min.js», и теперь все отлично работает. Я также использую версию 6.2.0 базовых сайтов, так что это, вероятно, ваша проблема.

Answer 2

В файле webpack.config.js вам необходимо изменить путь следующим образом.

module.exports = { 
    entry: ['script!jquery/dist/jquery.min.js', 
    'script!foundation-sites/dist/js/foundation.min.js', 
    './app/app.jsx' 
     ] 
} 

же путь, который вы можете назначить для app.jsx для CSS

require('style!css!foundation-sites/dist/css/foundation.min.css');