你如何在webpack的前端使用npm库?

时间:2015-08-11 11:27:51

标签: node.js webpack

我见过的几个项目似乎可以在前端上使用,但文档中唯一的“Install”指令是npm install xxx行。

项目使用webpack,它显而易见,或者需要我缺少的插件,但我找不到与webpack docs

中的npm模块相关的任何内容

我的谷歌/阅读技巧显然都失败了,有人可以请RTFM关于如何去的步骤:

npm install foo

浏览器中运行

var foo = require("foo");

1 个答案:

答案 0 :(得分:1)

嗯,原来那是因为你......几乎无所事事。

就我而言:

npm install -g webpack
npm install babel-loader
npm install redux

在webpack.config.js

module.exports = {
    entry: "./public/javascripts/entry.js",
    output: {
        path: __dirname,
        filename: "./public/javascripts/bundle.js"
    },
    module: {
        loaders: [
            { test: /\.jsx?$/,
              exclude: /(node_modules|vendor)/,
              loader: "babel-loader"
            }
        ]
    }
};

在entry.js中:

var redux = require("redux");
console.log(redux)

事情有效......将标志着关闭。