如何使用Flask供应NPM包装？

Question

我有一个small Flask app，它当前从外部服务器中获取jQuery和highlight.js。我想把这些本地依赖项通过NPM拉进来。

这方面的标准做法是什么？我是否应该在与我的static和templates目录相同的目录中创建package.json文件，并将node_modules作为单独的静态目录提供给这个question？

我正在使用pip打包和分发我的应用程序，因此任何解决方案都需要与之兼容。

Answer 1

转到静态文件夹，在那里初始化npm项目。

cd flask_app/static
$ npm init

在安装并保存npm包之后，您可以如下服务：

<script src="{{ url_for('static', filename='node_modules/toastr/toastr.js')}}"></script>

学分：https://codeburst.io/creating-a-full-stack-web-application-with-python-npm-webpack-and-react-8925800503d9

Answer 2

你需要Bower而且你已经有了NPM。这就是你想要的一切。

基本上，要使用NPM安装Bower，必须在根目录中创建一个package.json。然后您必须创建一个bower.json来定义您需要的所有库，例如jQuery。

那么你的流程将是：

npm install
bower install

这将基本上为您和在bower.json中定义的其他前端库安装bower。

所有bower组件都将进入根目录中名为bower_components的目录。这是您安装的所有bower软件包的所在地。现在可以在模板中使用这些包。

还要see this确保bower的包安装在您要服务的static或assets文件夹中。

Answer 3

答案可能有点晚，但最简单的方法是这样做：

sudo npm install bower
echo "bower_components/" >> .gitignore
bower install -S (here goes whatever you want)
npm init

然后填写提示，就会有几个新文件：

• bower.json，由bower生成以管理依赖项。 使用bower install -S (your dependency)将用 你的新依赖。
• package.json，由npm创建，用于管理项目和npm 依赖关系
• node_modules，你用npm安装的东西
• bower_components/这是所有前端依赖项的位置 活着。