小编Mic*_*umo的帖子

Webpack 2-如何停止为CSS和HTML生成.js文件?

我是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)

javascript webpack webpack-style-loader webpack-2

5
推荐指数
1
解决办法
2220
查看次数

Nuxt.js 中的条件模块加载

我的 Nuxt.js 配置中有一个 Google Tag Manager 模块,如下所示:

modules: [
  [
    '@nuxtjs/google-tag-manager',
    {
      id: 'GTM-XXXXXXX'
    }
  ]
]
Run Code Online (Sandbox Code Playgroud)

这工作正常,但我想知道如何根据站点设置的 cookie 值有条件地加载此模块?

我们有一种机制,用户可以通过该机制选择接受或拒绝某些 cookie,其中一部分是阻止跟踪脚本。

有没有推荐的方法来使用通过配置加载的模块或脚本?理想情况下,如果将来 cookie 中的值也发生变化,则可以加载这些。

非常感谢任何帮助或指示。

javascript vue.js nuxt.js

5
推荐指数
1
解决办法
2066
查看次数

jQuery - 窗口调整大小; 后

我目前正在使用jQuery的resize函数,但由于我在调整大小时所做的调整,因为它在每次调整时都会发光,所以会让它看起来很平滑.

$(window).resize(function() {

myFunction();

});
Run Code Online (Sandbox Code Playgroud)

有没有办法在调整大小停止后关闭一个函数?喜欢$(window).afterResize()还是什么?

任何解决方案欢迎

javascript jquery

4
推荐指数
1
解决办法
5539
查看次数

如何在没有JS的浏览器中看到整个URL?

我有一个我在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)

没有成功:(

coldfusion .htaccess url-rewriting railo bluedragon

4
推荐指数
1
解决办法
4044
查看次数

CFWheels - 我应该在本地确定我的车轮动作范围吗?

说我有一个非常简单的控制器,如下所示:

<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 cfwheels cfml

4
推荐指数
1
解决办法
403
查看次数

如何附加到CFPROPERTY中的结构集?

我正在使用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

coldfusion railo

4
推荐指数
1
解决办法
475
查看次数

Chrome无法使用Gulp/BrowserSync打开localhost:3000

出于某种原因,无论我尝试什么,当使用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.

google-chrome gulp browser-sync

4
推荐指数
1
解决办法
2万
查看次数

如何在浏览器同步中使用gulp-load-plugins?

我正处于我的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)

npm gulp browser-sync gulp-load-plugins

4
推荐指数
1
解决办法
3910
查看次数

在 Vue.js 中向用户显示 Apollo 突变错误?

我将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)

javascript apollo vue.js graphql vue-apollo

4
推荐指数
1
解决办法
2712
查看次数

Nuxt.js中的"文档未定义"

我想在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 vue.js vuejs2 nuxt.js

4
推荐指数
7
解决办法
1万
查看次数