zoukankan      html  css  js  c++  java
  • Vue-cli / webpack 加载静态js文件的方法

    一、html-webpack-plugin 编译

    1、只需要在入口处定义一个chunks,如我们定义一个fuck模块

    entry: {
      app: './src/main.js',
      fuck: ['./src/utils/index.js', './src/utils/index2.js']
    },

    2、然后就可以在 html-webpack-plugin 插件配置处这样书写:

    // https://github.com/ampedandwired/html-webpack-plugin
    new HtmlWebpackPlugin({
    	filename: 'index.html',
    	template: 'index.html',
    	chunks: ['fuck'],
    	inject: true
    }),
    

    如果你使用的是vue-cli脚手架,那么在 webpack.dev.conf.js 、 webpack.prod.conf.js 都可以找到

    二、如果你是使用vue-cli的脚手架

    1、只需要将文件放入/static/中

    2、然后在index.html中这样书写即可:

    <script type="text/javascript" src="/static/fuck.js"></script>
    
  • 相关阅读:
    计算机视觉--语义分割
    对团队成员公开感谢
    韩昊20191031-1 每周例行报告
    韩昊20191024-1 每周例行报告
    韩昊20191017-1 每周例行报告
    TensorFlow在windows 下的安装
    20191010-2 每周例行报告
    韩昊 20190919-1 每周例行报告
    韩昊 20190919-4 单元测试,结对
    2505-springboot使用spring.profiles.active来分区配置
  • 原文地址:https://www.cnblogs.com/CyLee/p/9888473.html
Copyright © 2011-2022 走看看