如何使用Flask提供NPM包？

Question

我有一个small Flask app，它目前从外部服务器获取jQuery和highlight.js。我想通过NPM制作这些本地依赖项。

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

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

Answer 1

Go to your static folder and there initialize your npm project.

$ ws /some/project/directory /some/other/project/directory

after installing and saving npm packages you can serve them like this:

moduleNameMapper

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

Answer 2

您需要Bower并且您已经拥有NPM。这就是达到目标所需的一切。

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

然后你的流程就像：

npm install
bower install

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

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

同时see this确保在您要提供的static或assets文件夹中安装了bower的软件包。

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/这是所有前端依赖项 住。