2016-09-11 6 views
-1

UI가 material-ui에서 작동하는 데 문제가 있습니다. 나는 내 문제를 해결하기 위해 며칠 동안 인터넷과 stackoverflow를 검색 해왔다. 그러나 나는 모든 시도를 실패했다. 내가 사전에 신인Material UI and React

감사 부적합 공식 가이드를 찾을 수 있기 때문에 사람이, 내가 일이 점점 도울 수

편집 : 죄송 코드의 부족. 이걸 로컬로 작동 시키려면 npm start을 실행해야한다는 것을 깨달았습니다. 그러나 이것은 다른 질문을 돌립니다. 어떻게 이것을 내 웹 서버에 배포합니까? 서버가 public_html 폴더에서 색인 파일을 찾고 있습니다. 웹팩이나 꿀꺽 꿀꺽 마심에 의존하기 때문에 이걸 내 서버에 어떻게 배치해야하는지 모르겠다. node.js를 실행해야합니까? 어떤

웹팩-production.config.js 후속 질문을 요청하십시오 :

const webpack = require('webpack'); 
const path = require('path'); 
const buildPath = path.resolve(__dirname, 'build'); 
const nodeModulesPath = path.resolve(__dirname, 'node_modules'); 
const TransferWebpackPlugin = require('transfer-webpack-plugin'); 

const config = { 
    entry: [path.join(__dirname, '/src/app/app.js')], 
    // Render source-map file for final build 
    devtool: 'source-map', 
    // output config 
    output: { 
    path: buildPath, // Path of output file 
    filename: 'app.js', // Name of output file 
    }, 
    plugins: [ 
    // Define production build to allow React to strip out unnecessary checks 
    new webpack.DefinePlugin({ 
     'process.env':{ 
     'NODE_ENV': JSON.stringify('production') 
     } 
    }), 
    // Minify the bundle 
    new webpack.optimize.UglifyJsPlugin({ 
     compress: { 
     // suppresses warnings, usually from module minification 
     warnings: false, 
     }, 
    }), 
    // Allows error warnings but does not stop compiling. 
    new webpack.NoErrorsPlugin(), 
    // Transfer Files 
    new TransferWebpackPlugin([ 
     {from: 'www'}, 
    ], path.resolve(__dirname, 'src')), 
    ], 
    module: { 
    loaders: [ 
     { 
     test: /\.js$/, // All .js files 
     loaders: ['babel-loader'], // react-hot is like browser sync and babel loads jsx and es6-7 
     exclude: [nodeModulesPath], 
     }, 
    ], 
    }, 
}; 

module.exports = config; 
+0

도움을 요청하지만 문제를 설명하지 않은 경우 ... – olibiaz

+0

무엇이 문제입니까? 오류를 발생시키는 코드와 원하는 것을 공유하십시오. –

+0

답장을 보내 주셔서 감사합니다. 내 질문 업데이트 – frisk0

답변

1

응용 프로그램의 진입 점은 무엇입니까? index.html, main.html 또는 이와 비슷한 것으로 기대합니다.

webpack config, package.json 또는 webpack을 실행하는 데 사용한 파일을 게시하십시오.

빌드 방법에 따라 prod ready 빌드를 실행할 수있는 여러 가지 방법이 있습니다. 어딘가에서 스크립트를 복사하면 아마도 스크립트를 빌드했을 것입니다. 예를 들어 npm run build.

public 또는 비슷한 폴더를 만들고 index.htmlbundle.js javascript 파일로 생성 할 것으로 기대합니다.

그런 다음 웹 서버에로드 할 수 있습니다.

내 의견으로는 정말 좋은 예입니다. http://reactboilerplate.com/

+0

안녕 Kimmo. 나는'webpack-production.config.js' 파일을 가지고 있는데, 나는이 파일에 질문을 올렸다. – frisk0

관련 문제