javascript - Webpack Encore 功能无法识别
问题描述
我尝试在Symfony 5 和 Webpack Encorejquery.cookie.js
的单独文件()中使用 jquery cookie(),但我收到此错误:cookie.js
类型错误:$.cookie 不是函数
这是我的cookie.js
文件:
//import cookie from './jquery.cookie';
$(document).ready(function() {
if ($.cookie('cookiebar') === undefined) {
$('body').append('<div class="cookie-bar" id="cookie-bar">En poursuivant votre navigation sur ce site, vous acceptez l\'utilisation de cookies pour réaliser des statistiques de visites anonymes. <a href="#">En savoir plus</a><div class="cookie_btn" id="cookie_accept">Ok</div><div class="cookie_btn-error" id="cookie_cancel">Refuser les cookies</div></div>');
$('#cookie_accept').click(function(e) {
e.preventDefault();
$('#cookie-bar').fadeOut();
$.cookie('cookiebar', 'viewed', {expires: 30 * 12});
});
$('#cookie_cancel').click(function(e) {
e.preventDefault();
$('#cookie-bar').fadeOut();
$.cookie('cookiebar', 'viewed', {expires: 30 * 12});
$.cookie('cookiecancel', '1', {expires: 30 * 12});
});
} else {
if ($.cookie('cookiecancel') === undefined) {
// Google analytics
}
}
});
如您所见,我尝试使用 : 导入 cookie 函数import cookie from './jquery.cookie';
,错误不再存在,但脚本无法执行。
这是我的webpack.config.js
文件:
var Encore = require('@symfony/webpack-encore');
// Manually configure the runtime environment if not already configured yet by the "encore" command.
// It's useful when you use tools that rely on webpack.config.js file.
if (!Encore.isRuntimeEnvironmentConfigured()) {
Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev');
}
Encore
// directory where compiled assets will be stored
.setOutputPath('www/build/')
// public path used by the web server to access the output path
.setPublicPath('/build')
// only needed for CDN's or sub-directory deploy
//.setManifestKeyPrefix('build/')
/*
* ENTRY CONFIG
*
* Add 1 entry for each "page" of your app
* (including one that's included on every page - e.g. "app")
*
* Each entry will result in one JavaScript file (e.g. app.js)
* and one CSS file (e.g. app.css) if your JavaScript imports CSS.
*/
.addEntry('app', './assets/js/app.js')
.addEntry('checkUsername', './assets/js/checkUsername.js')
.addEntry('checkParamUsername', './assets/js/checkParamUsername.js')
.addEntry('jquery.cookie', './assets/js/jquery.cookie.js')
.addEntry('cookie', './assets/js/cookie.js')
//.addEntry('page2', './assets/js/page2.js')
.addStyleEntry('global', ['./assets/css/global.scss'])
.addStyleEntry('login', ['./assets/css/login.css'])
// When enabled, Webpack "splits" your files into smaller pieces for greater optimization.
.splitEntryChunks()
// will require an extra script tag for runtime.js
// but, you probably want this, unless you're building a single-page app
.enableSingleRuntimeChunk()
/*
* FEATURE CONFIG
*
* Enable & configure other features below. For a full
* list of features, see:
* https://symfony.com/doc/current/frontend.html#adding-more-features
*/
.cleanupOutputBeforeBuild()
.enableBuildNotifications()
.enableSourceMaps(!Encore.isProduction())
// enables hashed filenames (e.g. app.abc123.css)
.enableVersioning(Encore.isProduction())
// enables @babel/preset-env polyfills
.configureBabelPresetEnv((config) => {
config.useBuiltIns = 'usage';
config.corejs = 3;
})
// enables Sass/SCSS support
.enableSassLoader()
// uncomment if you use TypeScript
//.enableTypeScriptLoader()
// uncomment to get integrity="..." attributes on your script & link tags
// requires WebpackEncoreBundle 1.4 or higher
//.enableIntegrityHashes(Encore.isProduction())
// uncomment if you're having problems with a jQuery plugin
.autoProvidejQuery()
// uncomment if you use API Platform Admin (composer req api-admin)
//.enableReactPreset()
//.addEntry('admin', './assets/js/admin.js')
;
module.exports = Encore.getWebpackConfig();
我也像这样在我的布局中加载 javascripts:
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
<script type="text/javascript" src="{{ asset('build/jquery.cookie.js') }}"></script>
<script type="text/javascript" src="{{ asset('build/cookie.js') }}"></script>
{% endblock %}
如何解决我的问题?
解决方案
我希望这将帮助您尝试获取 var => 之类的 cookie
const cookie = require('jquery.cookie');
快乐编码:
推荐阅读
- html - 格式化文本和项目符号
- ruby-on-rails - 使用 RSpec 自动增加主键
- azure-active-directory - 在多个租户 Azure AD 中为 Microsoft Autopilot 注册设备
- node.js - 在 mysql phpmyadmin 中找不到表
- java - JPQL中对象构造函数内的子查询
- r - 眼动数据R包扫视分析中的问题
- python - 无法在 Python 中使用递归调试列表的总和
- c++ - 如何在线程中关闭 QWebSocket?
- c# - int 列表将记录获取到某个值
- django - Django rest framework social oauth2 api url 和响应自定义