支持通过静态文件应用程序在django模板中加载webpack散列文件。
django-staticfiles-webpack的Python项目详细描述
#django static files webpack
简单的staticfiles存储,可与assets webpack插件一起使用,以包含散列文件。
\-bundle.1.689ef7cbade76.js(按需加载)
-bundle.2.873426ef56a5e.js(按需加载)
bundle文件通常是代码拆分的结果。Webpack为您跟踪文件名的更改,但是当需要将
入口点文件包含在Django模板中时,Webpack无法轻松管理这些文件。
当[Assets Webpack Plugin]添加到Webpack配置时,然后创建一个json文件,将入口点
映射到生成的文件名。
此json文件由自定义django staticfiles存储类读取,以解析入口点的url。
“webpack.conf.js”的插件部分:
``javascript
assets plugin=require('assets-webpack-plugin');
var entry=['.src/app/app.js']
module.exports={
output={
path:{dirname,
filename:'app.[name].[hash.js',
chunkfilename:“app.[id].[chunkhash.js”,
publicpath:'/static/'
};
插件:[
new assetsplugin()///编写webpack-assets.json文件,自定义django存储类可以读取该文件,
模块
:
{
{
加载程序:[
{测试:/\.js?$/,排除:/node_modules/,loader:'babel loader'},
///其他加载程序…
]
}
````
“webpack assets.json”文件应位于目录中,目录中的内容如下:
``javascript
{“main”:{“js”:“app.main.7ebdf0b55c648ba41cc1.js”}
````
请注意,由于没有指定名称,入口点已被称为“main”。
如果在dict中定义了多个入口点,然后每一个关键点都反映在assets.json中。
参见webpack[docs](https://webpack.github.io/docs/multiple entpoints.html)网页
指向生成的webpack-assets.json文件。例如,“path to your/webpack assets.json”`
\
可能https://github.com/owais/django-webpack-loader适合您的需要。
简单的staticfiles存储,可与assets webpack插件一起使用,以包含散列文件。
\-bundle.1.689ef7cbade76.js(按需加载)
-bundle.2.873426ef56a5e.js(按需加载)
bundle文件通常是代码拆分的结果。Webpack为您跟踪文件名的更改,但是当需要将
入口点文件包含在Django模板中时,Webpack无法轻松管理这些文件。
当[Assets Webpack Plugin]添加到Webpack配置时,然后创建一个json文件,将入口点
映射到生成的文件名。
此json文件由自定义django staticfiles存储类读取,以解析入口点的url。
“webpack.conf.js”的插件部分:
``javascript
assets plugin=require('assets-webpack-plugin');
var entry=['.src/app/app.js']
module.exports={
output={
path:{dirname,
filename:'app.[name].[hash.js',
chunkfilename:“app.[id].[chunkhash.js”,
publicpath:'/static/'
};
插件:[
new assetsplugin()///编写webpack-assets.json文件,自定义django存储类可以读取该文件,
模块
:
{
{
加载程序:[
{测试:/\.js?$/,排除:/node_modules/,loader:'babel loader'},
///其他加载程序…
]
}
````
“webpack assets.json”文件应位于目录中,目录中的内容如下:
``javascript
{“main”:{“js”:“app.main.7ebdf0b55c648ba41cc1.js”}
````
请注意,由于没有指定名称,入口点已被称为“main”。
如果在dict中定义了多个入口点,然后每一个关键点都反映在assets.json中。
参见webpack[docs](https://webpack.github.io/docs/multiple entpoints.html)网页
指向生成的webpack-assets.json文件。例如,“path to your/webpack assets.json”`
\
可能https://github.com/owais/django-webpack-loader适合您的需要。