我是Webpack(2)的新手,所以请原谅我到目前为止的简单理解。
在网络上的一些教程之后,我整理了工作package.json和webpack.babel.config.js文件。
本质上,我试图将SCSS转换为CSS,将Pug转换为HTML,将JS转换为Babel'd JS。
当我运行dist命令时,它会生成文件,但同时还会生成每个.scss和.html等的.js文件。希望下面的图像可以说明这一点:
理想的情况是我后简直是,app.css,index.html和app.js。
webpack.babel.config.js
import webpack from 'webpack';
import path from 'path';
import autoprefixer from 'autoprefixer';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import HtmlWebpackPlugin from 'html-webpack-plugin';
const extractHtml = new ExtractTextPlugin({
filename: '[name].html'
});
const extractPug = new ExtractTextPlugin({
filename: '[name].[contenthash].pug'
});
const extractScss = new ExtractTextPlugin({
filename: '[name].[contenthash].css',
allChunks: true
});
let config = {
stats: {
assets: false,
colors: …Run Code Online (Sandbox Code Playgroud) 我的 Nuxt.js 配置中有一个 Google Tag Manager 模块,如下所示:
modules: [
[
'@nuxtjs/google-tag-manager',
{
id: 'GTM-XXXXXXX'
}
]
]
Run Code Online (Sandbox Code Playgroud)
这工作正常,但我想知道如何根据站点设置的 cookie 值有条件地加载此模块?
我们有一种机制,用户可以通过该机制选择接受或拒绝某些 cookie,其中一部分是阻止跟踪脚本。
有没有推荐的方法来使用通过配置加载的模块或脚本?理想情况下,如果将来 cookie 中的值也发生变化,则可以加载这些。
非常感谢任何帮助或指示。
我目前正在使用jQuery的resize函数,但由于我在调整大小时所做的调整,因为它在每次调整时都会发光,所以会让它看起来很平滑.
$(window).resize(function() {
myFunction();
});
Run Code Online (Sandbox Code Playgroud)
有没有办法在调整大小停止后关闭一个函数?喜欢$(window).afterResize()还是什么?
任何解决方案欢迎
我有一个我在ColdFusion中构建的应用程序,所有请求都将通过index.cfm文件运行.
我有一个重写URL的.htaccess文件.所以,例如...如果我写:
http://domain.com/hello/goodbye/howdy
实际请求总是使用index.cfm,如下所示:
http://domain.com/index.cfm/hello/goodbye/howdy
这一切都很好,但现在我仍然坚持我如何抓住URL中的所有内容.没有一个CGI变量似乎没有输出URL的"/ hello/goodbye/howdy"部分.
我试过cgi.path_info和cgi.query_string等无济于事......它们只是空白.
我需要抓住域名后面的所有内容,然后用CF做东西.我知道它在JS中是可能的,但我真的需要在服务器上.
倾倒CGI范围表明我在这方面没有任何用处:
<cfdump var="#cgi#" />
Run Code Online (Sandbox Code Playgroud)
这是我的htaccess文件供参考:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.cfm$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.cfm [L]
RewriteCond %{HTTP_HOST} !^www\.
RewriteCond %{HTTP_HOST} !^([^\.]+)\.domain\.com
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]
</IfModule>
Run Code Online (Sandbox Code Playgroud)
谢谢.
编辑:
另外需要注意的是,我也尝试了类似的底层Java方法:
<cfdump var="#getPageContext().getRequest().getContextPath()#" />
<cfdump var="#getPageContext().getRequest().getRequestURL()#" />
<cfdump var="#getPageContext().getRequest().getQueryString()#" />
Run Code Online (Sandbox Code Playgroud)
没有成功:(
说我有一个非常简单的控制器,如下所示:
<cfcomponent extends="Controller">
<cffunction name="hello">
<cfset time = Now()>
</cffunction>
</cfcomponent>
Run Code Online (Sandbox Code Playgroud)
在直接的ColdFusion/Railo中,我会在本地范围内查找所有变量......但是我看到的每个轮子都没有.
这可能会让我获得年度奖项中最愚蠢的问题,但这是我想到的,因为似乎没有人能够正确展示他们的Wheels代码范围?
我会写如下:
<cfcomponent extends="Controller">
<cffunction name="hello">
<cfset local.time = Now()>
</cffunction>
</cfcomponent>
Run Code Online (Sandbox Code Playgroud)
我不确定Wheels是否可以采取措施来解决这个问题,这就是为什么我看到我到处做什么......或者只是一个糟糕的编程案例?
谢谢!米奇
我正在使用ColdFusion(Railo)中<cfproperty />的隐式getter和setter.
但是,对于更复杂的值,如结构和数组,我如何附加到这些值?
<cfproperty name="settings" type="struct" />
Run Code Online (Sandbox Code Playgroud)
如何将项目附加到名为settings的属性中?如果我执行以下操作:
<cfset setSettings(structAppend(getSettings(), { "hello" = "world" })) />
Run Code Online (Sandbox Code Playgroud)
我收到以下错误:
显示java.lang.NullPointerException
我在这里错过了什么吗?我是cfproperty标签的新手,并认为这会节省时间,但我无法弄清楚这一点.
另外,作为奖励我如何为这些复杂的数据类型设置默认值?
谢谢,Mikey
出于某种原因,无论我尝试什么,当使用BrowserSync通过Gulp启动服务器时,Google Chrome似乎永远无法显示http:// localhost:3000(或任何其他指定的端口号).
导航到Firefox中的相同URI,表明它可以工作并且BrowserSync已连接.
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: './'
},
port: 8080
});
});
Run Code Online (Sandbox Code Playgroud)
我将8080上面的端口指定为替代,但即使使用默认设置3000也无法在Chrome中使用.Firefox似乎也可以使用它们.
我去过:chrome:// net-internals/#dns并清除主机缓存,重启等等.没有任何作用.
在Chrome中,我只是收到消息: ERR_CONNECTION_REFUSED
有任何想法吗?谢谢.
PS - 也适用于Safari.
我正处于我的Gulp使用的一个阶段,它开始有意义地将任务分解为单独的文件.
为此,我希望使用gulp-load-plugins,但是虽然我的任务运行,但浏览器同步似乎不会触发/执行任何操作.
这是我的剥离设置.不知道我哪里错了!
gulpfile.js
var gulp = require('gulp'),
plugins = require('gulp-load-plugins')();
function getTask(task) {
return require('./gulp/tasks/' + task)(gulp, plugins);
}
gulp.task('browser-sync', getTask('browser-sync'));
gulp.task('bs-reload', getTask('bs-reload'));
gulp.task('scripts', getTask('scripts'));
gulp.task('default', ['browser-sync'], function(){
gulp.watch('src/js/**/*.js', ['scripts']);
});
Run Code Online (Sandbox Code Playgroud)
scripts.js(Gulp任务)
var browserSync = require('browser-sync').create();
module.exports = function(gulp, plugins) {
return function() {
return gulp.src([
'src/js/plugins/**',
'src/js/app.js',
'!src/js/{libraries,libraries/**}'
])
.pipe(plugins.plumber({
errorHandler: function(error) {
console.log(error.message);
this.emit('end');
}}))
.pipe(plugins.concat('app.js'))
.pipe(gulp.dest('dist/js/'))
.pipe(plugins.rename({
suffix: '.min'
}))
.pipe(plugins.uglify({
preserveComments: 'none'
//preserveComments: 'some'
}))
.pipe(gulp.dest('dist/js/')) // Seems okay up until here...
.pipe(browserSync.reload({ …Run Code Online (Sandbox Code Playgroud) 我将Vue.js与Vue-Apollo一起使用,并启动 User 突变以登录用户。我正在使用 graph.cool 服务。
我有一个请求管道功能设置来捕获一些错误,例如无效的电子邮件。
当使用错误/无效输入发出请求时,catch()会触发我的错误(如预期),并且在网络选项卡中,我可以看到自定义错误消息的 JSON。但是,如果从 graph.cool 触发错误,我如何从 catch 中访问这些错误/响应?
例子:
signin () {
const email = this.email
const password = this.password
this.$apollo.mutate({
mutation: signinMutation,
variables: {
email,
password
}
})
.then((data) => {
// This never fires on an error, so I can't
// show the user the errors in the network repsonse.
console.log(data)
})
.catch((error) => {
// Error in this part fires in the console
// but I'm unable …Run Code Online (Sandbox Code Playgroud) 我想在Vue组件中使用Choices.js.组件成功编译,但随后会触发错误:
[vue-router]无法解析异步组件默认值:ReferenceError:未定义文档
在浏览器中,我看到:
未定义ReferenceError文档
我认为这与Nuxt.js中的SSR有关?我只需要在客户端上运行Choices.js,因为我认为它只是一个客户端方面.
nuxt.config.js
build: {
vendor: ['choices.js']
}
Run Code Online (Sandbox Code Playgroud)
AppCountrySelect.vue
<script>
import Choices from 'choices.js'
export default {
name: 'CountrySelect',
created () {
console.log(this.$refs, Choices)
const choices = new Choices(this.$refs.select)
console.log(choices)
}
}
</script>
Run Code Online (Sandbox Code Playgroud)
在经典的Vue中,这样可以正常工作,所以我仍然非常关注如何让Nuxt.js以这种方式工作.
在我出错的任何想法?
谢谢.
javascript ×5
coldfusion ×3
railo ×3
vue.js ×3
browser-sync ×2
gulp ×2
nuxt.js ×2
.htaccess ×1
apollo ×1
bluedragon ×1
cfml ×1
cfwheels ×1
graphql ×1
jquery ×1
npm ×1
vue-apollo ×1
vuejs2 ×1
webpack ×1
webpack-2 ×1