Giter VIP home page Giter VIP logo

vue-cli-multi-page's People

Contributors

bluefox1688 avatar xinhualufang avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-cli-multi-page's Issues

windows 下图片路径问题

windows下面 css 引用的路径 没有转换还是 ''
return path.posix.join(assetsSubDirectory, _path)

修改这句

外联引入script

您好我想通过外联script标签方式引入公共第三方库,请问该怎么办

请教一下:关于 vue-router

1

在依赖中看到了 vue-router ,但是在代码中却没有看到,貌似是不同的 html 加载不同的 css js。在 webpack 入口是根据 views 文件夹多入口打包。想请教一下 vue-router 在哪里配置使用的。

2

顺便还问一下, 没发现在哪里 new Vue() 实例, 也请解惑下哈。

提取公共head

views里面的每一个模块其实html页面都是一样的,不知道能不能做个提取,定一个layout用于每一webpack构建是调用

可以不可搞个默认页面

在编译或开发时候自动把新增模块的超链接自动加到默认页面,这样就不用调的时候,切来切去的了

如何在多页面中实现单元测试

公司需要为每一个模块写单元测试,但是不知道应该怎么配置,您有时间可不可以考虑更新一版有单元测试的配置呢

dev模式下异常,生产模式下正常

想在dev模式把css提取出来,于是
{ test : /\.css$/, // loader : 'style-loader!css-loader' loader: ExtractTextPlugin.extract('style-loader', 'css-loader') }
发现报错。
于是把webpack.base.conf中的
vue:{loader: cssLoaders({ extract: true })}
即可。

否则会报错:webpack/webpack#959

已解决。

图片引用和打包问题

在view里二级文件夹,一个文件夹就是一个html,jsvuehtml 都统一放在当前文件夹里,当然你也可以继续放其他的资源,例如css、图片等,webpack会打包到当前模块里。

我在jsvuehtml同级目录存放了图片并使用相对路径引用,图片存在且名字无误,但是会404,有什么办法解决么?

请问怎么关闭严格模式

我引入import mui from 'assets/lib/mui/mui.min.js';
报错Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

网上说是严格模式,网上给的方法没能解决
请问这个怎么处理啊

多页面使用vue-router问题

我按照github上的源码使用了一下vue-router 但是我的加载不出来 也不报错 一片空白 路由也能切换 好郁闷

logo

想问下首页那个logo图片是哪里来的呢,没找到路径。谢谢

如何获取路径参数?

  • 现在demo获取参数如下:
    /views/tools/getQuery.html?goodsid=1688&shopid=25

  • 能不能把 *.html 去掉,访问:
    /views/tools/getQuery?goodsid=1688&shopid=25

这样需要怎么配置路由呢,烦大神赐教?

控制台显示 ERR_INCOMPLETE_CHUNKED_ENCODING 错误

系统:windows7
node:8.1.0
下载源码npm install后
打开页面console里提示 net::ERR_INCOMPLETE_CHUNKED_ENCODING

(unknown) You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
:8091/__webpack_hmr Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING
backend.js:1 [vue-devtools] Ready. Detected Vue v2.3.4

求解决思路

输出css/js文件到指定路径下

你好,因为要匹配后端的资源目录的路径,所以打包生成后的css/js之类的文件需要全部输出到一个
app/assests/目录下面,请问怎样配置才能实现呢?

一级目录下直接创建页面打包问题

一级目录下直接创建文件打包生成的html文件中 引用的资源文件路径 "../../" 导致无法正确定位到资源文件,目前的做法是手动修改去掉一个"../", 请问这种情况如何通过打包工具处理?谢谢。

js,vue 两文件同名的问题

在页面模块目录下,js,vue文件最好不要同名,因为容易import js本身
以login为例:
import App from './login'
我们import时,一般省略掉.vue后缀,这样的代码就会出错
所以一定要同名的话,要写成这样
import App from './login.vue'

另外 vue 新的写法

new Vue({
       el: '#app',
       template: '<App />',
       components: { App }
})

缺一不可.要不然也render不出来

cnpm i安装有一个失败,npm run dev 运行报错

安装错误:[Error: Run "C:\windows\system32\cmd.exe /d /s /c node-pre-gyp install --fallbac
k-to-build" error, exit code 1

在安装包一个错误下运行报错:webpack.base.conf.js文件 let。。
吧let改成var就可以跑起来了,
但页面跑起来后TypeError: t.$t is not a function 页面总是抱着个错误

解决了我cli多页面2级页面的的需求,找了好久,谢谢楼主

打包后vender每次打包内容都会变化

比如第一次:
var K=n(109),G=n(154),Z=n(155);e.Buffer=i,e.SlowBuffer=v,e.INSPECT_MAX_BYTES=50,i.TYPE...

第二次或者隔一段时间就变成:

var K=n(114),G=n(159),Z=n(155);e.Buffer=i,e.SlowBuffer=v,e.INSPECT_MAX_BYTES=50,i.TYPE...

然后,每个页面的独立JS 文件也会跟着vender变化;

但我并没有修改公用组件啊,这样的化 我每隔几天 如果有新的项目,那就要把之前写的页面,js统统重新上传一遍,有没有什么解决办法呢

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.