lincenying / vue2-multiple-entry Goto Github PK

View Code? Open in Web Editor NEW

150.0 150.0 55.0 2.24 MB

vue2, vue2+vue-router, vue2+vue-router+vuex 混合多页配置实例

Home Page: https://lincenying.github.io/vue2-multiple-entry/index

JavaScript 39.72% Vue 43.69% HTML 1.91% SCSS 14.68%

vue2-multiple-entry's People

Contributors

Stargazers

Watchers

Forkers

panwenhua ofroad davidmr001 cncrazymoon josephmax xianzhi0520 alicetwu weixu416 wangwen1220 ex0950 gexiaoyun webin baoyx007 ohhoney1 darklordli erictop3 amwybj041989 robinhau0601 nickhsiung90 yangzhengquan vikibeta yusirxiaer chenymin defbobo chenkanqin wenghaoping bondy123 loveyedie delktsai limingziqiang yishu6728 threeyu chanhlr puyanbiao mobilesite goushuang03 younglyz shidong0901 lvbiao jsl8023 xizhilang6688 vickyliu95 alvinmachao wenruiweidd agentwx summerjie007 hhy5277 hou6957628 longzitianya gxkai yutou303 15094095974 hangxun swantbo

vue2-multiple-entry's Issues

如果是多页，需要更改header里面的title，应该怎么改呢？可以给个方向吗

生产环境打包后 z-index被重新计算按照网上的方法无法解决

1.安装cssnano到DevDependencies
2. 修改 build/webpack.prod.conf.js :

`
new OptimizeCSSAssetsPlugin({
cssProcessor: require('cssnano'),
cssProcessorOptions: {
discardComments: {removeAll: true},
// 避免 cssnano 重新计算 z-index
safe: true
},
canPrint: false
})

npm run build之后，z-index还是被重新计算了导致样式不正常，请问如何解决这个问题，非常感谢!

css提取问题

多入口，每个模块会打包一个css文件，
module2 ---------- module2.css
module3 ----------- module3.css
生成的html只会引用这一个 css 文件

如果两个模块共用了部分 css，如何将公共的提取成一个 css ，然后页面会引用两个css，一个提取的公共css，一个模块的css

Is it possible to write components directly in html?

Hello! Thanks for cool and helpful boilerplate.

I got a question, is it possible to make structure for pages like that –
modules/
--page1/
----index.js
----index.html
--page2/
----index.js
----index.html

So instead of writing components in index.vue I want to define it in index.js and write component in html like

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
<div id="app"></div>
    <nav>
        <navigation :items="items"></navigation>
    </nav>
</body>
</html>

Because I dont want put all my html code to js file, but want to use a few vue components on the page.

Is it possible? Thanks!

I got this webpack.config for multiple page app too, it works but bundle's are so big it includes everything and css duplicates a lot of times. https://gist.github.com/lavezzi1/f026edef2cd819fb87c692a6bb2f4459

Help please!

许多重复的配置，应该可以精简下

我看到了许多重复的环境判断和css-load加载，应该可以合并抽离出来的。
另外，工程应该是基于Vue-cli之前的配置方式搭建的，可否考虑过调整配置和依赖跟进至新的Vue-cli配置？

如何加载静态文件

您好！
dev模式下，如何加载静态js文件呢？
我是想在index.html里面加载requirejs，通过requirejs来加载服务端动态返回的组件，不知道如何写require在 index.html页面里面的相对路径。。

大牛很久没更新了，求更新

how to fix Entrypoint undefined?

Console outputs some info like

Entrypoint undefined = module2/index.html

how to fix that?

Thanks!

config.plugins.push(
    new HtmlWebpackPlugin({
        chunks: ['vendor', entry],
        filename: entry + '/index.html',
        template: 'src/template/index.html',
        inject: true
    })
)

我更改了下打包生成目录的结构如下
index
--- index.html
module1
--- index.html
但是在开发环境的时候访问的时候必须是http://localhost:8082/module/index.html
但是当我打包到生产的时候，却只需要http://xxx.com/module就可以了
所以你有什么办法可以在开发环境也通过http://localhost:8082/module能访问得到么

如何设置自动打开浏览器

在 config/index.js dev选项中

添加
autoOpenBrowser： true
并不生效

热重载功能似乎并不生效？

会整体刷新而不是热重载，请问这个要如何解决呢？

控制台也没有提示【HMR】功能是启用的