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>
    
  • 相关阅读:
    [转]Windows管道系统
    [转]TCP连接的状态与关闭方式,及其对Server与Client的影响
    CreateProcess启动进程后,最好CloseHandle(pi.hProcess);CloseHandle(pi.hThread);
    [转]VC++ 通过进程名或进程ID获取进程句柄
    [装]解决sqlite3插入数据很慢的问题
    SublimeText3搭建go语言开发环境(windows)
    [转]完成端口(CompletionPort)详解 手把手教你玩转网络编程系列之三
    go语言疑问
    css中marginleft与left的区别
    jsp分页显示的代码与详细步骤
  • 原文地址:https://www.cnblogs.com/CyLee/p/9888473.html
Copyright © 2011-2022 走看看