2016-09-01 7 views
5

सबकुछ ठीक चल रहा है, लेकिन यह नहीं ढूंढ सका कि मेरा डिस्ट फ़ोल्डर कहां है। मैं दस्तावेज के अनुसार सार्वजनिकपाथ का उपयोग कर रहा हूं, फिर भी डिस्ट फ़ोल्डर स्मृति से आ रहा है।वेबपैक डिस्ट फ़ोल्डर प्रोजेक्ट फ़ोल्डर में नहीं बनाया जा रहा है?

यह छोटा मुद्दा हो सकता है, मैं वेबपैक के लिए नया हूं। किसी भी मदद

नीचे काम करेगा स्मृति से आ रहा है मेरी webpack.config.js फ़ाइल है

var path = require('path') 
var webpack = require('webpack') 
var HtmlWebpackPlugin = require('html-webpack-plugin') 

module.exports = { 
    entry: "./src/index.js", 
    output: { 
     path: path.join(__dirname,'dist'), 
     filename: "[name].js", 
     publicPath:'/dist' 
    }, 
    plugins: [ 
     new HtmlWebpackPlugin({ 
      template: './src/index.html' 
     }) 
    ], 
    module: { 
     loaders: [ 
      { 
       test: /\.css$/, loader: "style-loader!css-loader" 
      }, 
      { 
       test: /\.(eot|woff|woff2|ttf|svg|png|jpg)$/, 
       loader: 'url-loader?limit=30000&name=[name]-[hash].[ext]' 
      }, 
      { 
       test: /\.js$/, 
       exclude: /(node_modules|bower_components)/, 
       loader: 'babel', 
       query: { 
        presets: ['es2015', 'react', 'stage-2'] 
       } 
      } 
     ] 
    }, 
    devServer: { 
     historyApiFallback: true, 
     stats:'error-only' 
    } 
}; 

मेरे package.json फ़ाइल

{ 
    "name": "tryout", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "test": "mocha './tests/**/*.test.js' --compilers js:babel-core/register --recursive", 
    "start-dev-server": "webpack-dev-server --content-base dist/ --port 6969", 
    "s": "npm run start-dev-server", 
    "test:watch": "npm test -- --watch" 
    }, 
    "author": "", 
    "license": "ISC", 
    "dependencies": { 
    "babel-core": "^6.13.2", 
    "babel-loader": "^6.2.4", 
    "babel-polyfill": "^6.13.0", 
    "babel-preset-es2015": "^6.13.2", 
    "babel-preset-react": "^6.11.1", 
    "babel-preset-stage-2": "^6.13.0", 
    "es6-promise": "^3.2.1", 
    "file-loader": "^0.9.0", 
    "html-webpack-plugin": "^2.22.0", 
    "isomorphic-fetch": "^2.2.1", 
    "lodash": "^4.15.0", 
    "react": "^15.3.0", 
    "react-dom": "^15.3.0", 
    "react-redux": "^4.4.5", 
    "react-router": "^2.6.1", 
    "react-router-redux": "^4.0.5", 
    "redux": "^3.5.2", 
    "redux-thunk": "^2.1.0", 
    "url-loader": "^0.5.7", 
    "webpack": "^1.13.1", 
    "webpack-dev-server": "^1.14.1" 
    }, 
    "devDependencies": { 
    "babel-register": "^6.11.6", 
    "css-loader": "^0.23.1", 
    "enzyme": "^2.4.1", 
    "expect": "^1.20.2", 
    "mocha": "^3.0.2", 
    "nock": "^8.0.0", 
    "react-addons-test-utils": "^15.3.1", 
    "redux-mock-store": "^1.1.4", 
    "style-loader": "^0.13.1" 
    } 
} 
+0

"वेबपैक" का उपयोग कई वेबपैक के प्लगइन द्वारा सीएसएस के अंदर यूआरएल अपडेट करने के लिए किया जाता है, उत्पादन निर्माण उत्पन्न करते समय एचटीएमएल फाइलें। इसलिए इसका आपके पर्यावरण पर कोई प्रभाव नहीं पड़ेगा https://medium.com/@rajaraodv/webpack-the-confusing-parts-58712f8fcad9#.1j9bauc10 – erichardson30

+0

मैं वेबपैक -p द्वारा स्थानीय पर डिस्ट फ़ोल्डर बनाने में सक्षम हूं। लेकिन यह स्थानीय पर काम नहीं करेगा क्योंकि यह केवल वितरण कोड बनाता है जो सर्वर प्रारंभ और पॉइंटर को फ़ोल्डर को दूर करने के साथ नहीं होता है। क्या यह स्थानीय मशीन पर प्राप्त किया जा सकता है? –

उत्तर

13

अभी भी जिले फ़ोल्डर है

अधिकतर संभावना है क्योंकि आप webpack-dev-server का उपयोग कर रहे हैं (यही वह है)।

यदि आप अपनी बंडल संपत्तियों को डिस्क पर वास्तव में लिखा जाना चाहते हैं, तो webpack चलाएं।

+0

इस काम को grt !! मेरा भ्रम हल करता है। स्थानीयहोस्ट पर डिब्बे पर डिस्ट फ़ोल्डर बनाने के बाद सीएलआई बाहर निकलता है: पोर्ट-नंबर। स्थानीय –

+0

@ प्रदीप जयस्वार पर प्रोड जैसे डिस्ट फ़ोल्डर से एप चलाने के तरीके के बारे में कोई भी रेफरी यह आपके ऐप पर निर्भर करता है, यह ['http-server'] के रूप में सरल कुछ के साथ काम कर सकता है (https://github.com/indexzero/http -server)। – robertklep

संबंधित मुद्दे