... 나는 5 분에 browserify에서 같은 일을 할 수 웹팩와 브라우저에서 ('모듈')를 필요로 사용하기 위해 지난 2 일 동안 시도 브라우저

Question

모듈을 필요로

여기에 내가 오류의 일종을받을 수 있나요 상관없이 내 webpack.config.js 그러나

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

var nodeModules = {}; 
fs.readdirSync('node_modules') 
    .filter(function(x) { 
    return ['.bin'].indexOf(x) === -1; 
    }) 
    .forEach(function(mod) { 
    nodeModules[mod] = 'commonjs ' + mod; 
    }); 

module.exports = { 
    entry: "./main.js", 
    output: { 
     filename: "bundle.js" 
    } 
} 

,입니다.

bundle.js:390 Uncaught Error: Cannot find module "net" 

을 내가 웹팩 실행할 때 이러한 오류가 발생합니다 : 현재 내가 무엇입니까

http://pastebin.com/RgFN3uYm 나는 https://webpack.github.io/docs/tutorials/getting-started/과 http://www.pauleveritt.org/articles/pylyglot/webpack/ 아직 난 아직도 이러한 오류를 얻을 따랐다.

다음과 같이 실행 해 보았습니다 : webpack ./main.js -o bundle.js 아직 작동하지 않습니다.

어떻게 해결할 수 있습니까?

Answer 1

예를 들어 해결할 디렉토리를 추가해야합니다.

resolve: { 
     modulesDirectories: ['./app/', './node_modules'] 
} 

업데이트 : 추가 된 JSON

npm install --save-dev json-loader 

module: { 
    loaders: [ 
     { test: /\.json$/, loader: 'json-loader' } 
    ] 
    } 

도 내지 fs 로더, 그물, TLS는 Node.js를위한하지의 브라우저 사용을위한 라이브러리입니다. 다음을 추가해야합니다.

node: { 
    fs: 'empty', 
    net: 'empty', 
    tls: 'empty' 
    } 

Answer 2

폴더 구조 란 무엇입니까? main.js는 webpack.config.js에

var net = require('net'); 

추가에 다음

packages.json 
node_modules/net/ 
webpack.config.js 
src/main.js 

을 :

당신은해야

const path = require('path'); 

const PATHS = { 
    src: path.join(__dirname, 'src'), 
    dist: path.join(__dirname, 'dist') 
}; 

module.exports = { 
    entry: path.join(PATHS.src, 'main.js'), 
    output: { 
     path: PATHS.dist, 
     filename: 'bundle.js' 
    } 
} 

실행 webpack을,이 중요하다, index.html에서 main.js가 아닌 bundle 파일을 가리 킵니다!